<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>斑马先生_遮阳商城</title>
		<script src="https://mr-banma.com/Public/static/js/jquery.min.js" type="text/javascript" charset="utf-8">
		</script>
		<title>斑马先生_遮阳商城</title>
		<!-- 导入样式文件 -->
		<link rel="stylesheet" type="text/css" href="https://mr-banma.com/Public/static/css/main.css?id=1664344579" />

		<link rel="stylesheet" type="text/css" href="https://mr-banma.com/Public/static/css/sweetalert.css" />
		<!-- 引入图标文件 -->
		<link rel="stylesheet" type="text/css" href="https://mr-banma.com/Public/static/css/iconfont.css" />
		<script src="/Public/layer/layer.js"></script>
		<link rel="stylesheet" type="text/css" href="https://mr-banma.com/Public/static/css/swiper.min.css" />
		<link rel="stylesheet" type="text/css" href="https://mr-banma.com/Public/static/js/jCountdown/jcountdown.css" />
		<link rel="stylesheet" type="text/css" href="https://mr-banma.com/Public/static/css/index.css?t=1664344579" />
	</head>

	<body>
		<style type="text/css">
			.bm-dropdown {
				position: relative;
			}

			.bm-nav-items a img {
				vertical-align: middle;
			}

			.five {
				background: url("https://mr-banma.com/Public/images/five_star/3_bg.jpg");
				repeat-x;
				height: 36px;
			}

			.five ul {
				width: 480px;
				margin: auto;
				overflow: hidden;
				text-align: center;
			}

			.five ul li {
				float: left;
				display: inline;
				padding: 0 20px;
			}
		</style>
		<!-- 头部导航栏 -->
		<div class="bm-top-banner">
			<div class="flexbox-n">
				<div class="bm-ms">
					<h2 class="bm-web-ms">
						<a href="http://mr-banma.com/index.php/singlepage/brand.html">
							<img class="icon-s" src="斑马先生_遮阳商城_files/book.png">
							斑马先生，品牌故事
						</a>

					</h2>
				</div>

				<div class="bm-gd">
					<a href="http://mr-banma.com/index.php/Singlepage/notice.html">
						<img class="icon-s" src="斑马先生_遮阳商城_files/gd.png" />
						818遮阳节中奖名单公布
					</a>
				</div>
				<div class="bm-bq">
					<ul class="bm-top-banner-list flexbox-n">
						<li class="bm-top-banner-list-items">
							<a href="javascript:void(0)" onclick="">
								登录
							</a>
						</li>

						<li class="bm-top-banner-list-items">
							<a href="javascript:void(0)" onclick="">
								注册
							</a>
						</li>

						<li class="bm-top-banner-list-items">
							<a href="javascript:void(0)" onclick="">
								我的订单
							</a>
						</li>

						<li class="bm-top-banner-list-items">
							<a href="http://mr-banma.com/index.php/Singlepage/jiamengyoushi.html">
								招商加盟
							</a>
						</li>

						<li class="bm-top-banner-list-items">
							<a href="http://mr-banma.com/index.php/Singlepage/company_buy.html">
								企业直购
							</a>
							<img src="斑马先生_遮阳商城_files/qiyegou.png" width="16" />
						</li>

						<li class="bm-top-banner-list-items">
							<div class="bm-dropdown" style="width: 70px;">
								<p>新零售</p>
								<img class="icon-p" src="斑马先生_遮阳商城_files/xiala.png" />
								<div class="bm-dropdown-content hide">
									<a href="http://mr-banma.com/promotor.php">
										<p>服务商端</p>
									</a>
									<a href="http://mr-banma.com/store.php">
										<p>门店端</p>
									</a>
								</div>
							</div>
						</li>


						<li class="bm-top-banner-list-items">
							<a style="color: #CCCCCC;" href="http://mr-banma.com/Public/static/images/yingyezhizhao.jpg"
								target="_blank">
								营业执照
							</a>
						</li>

						<li class="bm-top-banner-list-items">
							<a href="https://en.mr-banma.com/" target="_blank">
								<i class="iconfont icon-ditu_diqiu"></i>
								English
							</a>
						</li>
					</ul>
				</div>
			</div>
		</div>

		<!-- logo和搜索 -->
		<div class="bm-logo-banner">

			<div class="bm-logo-nr">
				<h1 class="bm-logo">
					<a href="http://mr-banma.com/">
						<img class="logo" src="斑马先生_遮阳商城_files/logo.png" />
					</a>

				</h1>
				<div class="bm-search">
					<ul class="bm-search-linklist">
						<li class=" bm-search-linklist-items">
							<a href="javascript:;" onclick="">
								<img class="icon-s" src="./斑马先生_遮阳商城_files/yangben.png" />
								<span>样本</span>
							</a>
						</li>

						<li class="bm-search-linklist-items">
							<a href="javascript:;" onclick="">
								<img class="icon-s" src="./斑马先生_遮阳商城_files/cart.png" />
								<span>购物车</span>
								<span class="bm-cart-count">&nbsp; 0 &nbsp;</span>
							</a>
						</li>

						<!-- 搜索框 -->
						<div class="bm-search-box">
							<form id="searvhform" method="get" action="http://mr-banma.com/index.php/Search/index.html">
								<input class="bm-search-input" type="text" name="keyword" id="keyword"
									autocomplete="off" value="斑马帘" onclick="this.value=&#39;&#39;" />
								<a class="bm-search-btn" href="">
									<img src="斑马先生_遮阳商城_files/search.png">
								</a>
							</form>
						</div>
					</ul>
				</div>
			</div>
		</div>

		<!-- 首页的一级菜单 -->
		<div class="bm-nav">
			<div class="bm-nav-box">
				<ul class="bm-nav-list">
					<li class="bm-nav-items">
						<a href="http://mr-banma.com/">
							首页
							<div class="bm-nav-items-line hide">
							</div>
						</a>
					</li>

					<li class="bm-nav-items fixed-bm-nav" id="BM56">
						<a href="http://mr-banma.com/index.php/Category/index/cat_id/56.html">
							调光窗帘
							<div class="bm-nav-items-line hide">
							</div>
						</a>
					</li>

					<li class="bm-nav-items fixed-bm-nav" id="BM6">
						<a href="http://mr-banma.com/index.php/Category/index/cat_id/6.html">
							卷帘
							<div class="bm-nav-items-line hide">
							</div>
						</a>
					</li>

					<li class="bm-nav-items fixed-bm-nav" id="BM7">
						<a href="http://mr-banma.com/index.php/Category/index/cat_id/7.html">
							户外遮阳用品
							<div class="bm-nav-items-line hide">
							</div>
						</a>
					</li>

					<li class="bm-nav-items fixed-bm-nav" id="BM57">
						<a href="http://mr-banma.com/index.php/Category/index/cat_id/57.html">
							功能购买
							<div class="bm-nav-items-line hide">
							</div>
						</a>
					</li>

					<li class="bm-nav-items fixed-bm-nav" id="BM37">
						<a href="http://mr-banma.com/index.php/singlepage/scene">
							场景购买
							<div class="bm-nav-items-line hide">
							</div>
						</a>
					</li>

					<li class="bm-nav-items fixed-bm-nav" id="BM39">
						<a href="http://mr-banma.com/index.php/Category/index/cat_id/39.html">
							<img class="nav-icon" width="14" src="斑马先生_遮阳商城_files/60a1cb8fc4b55.png">
							促销专区
							<div class="bm-nav-items-line hide">
							</div>
						</a>
					</li>

					<li class="bm-nav-items fixed-bm-nav" id="BM23">
						<a href="http://mr-banma.com/sample/index">
							<img class="nav-icon" width="14" src="斑马先生_遮阳商城_files/60a1c72de94fd.png">
							免费样本
							<div class="bm-nav-items-line hide">
							</div>
						</a>
					</li>

					<li class="bm-nav-items fixed-bm-nav" id="BM62">
						<a href="https://www.mr-banma.com/Singlepage/store">
							斑马实力
							<div class="bm-nav-items-line hide">
							</div>
						</a>
					</li>

					<li class="bm-nav-items fixed-bm-nav" id="BM66">
						<a href="https://www.mr-banma.com/singlepage/service900">
							9-0-0 服务
							<div class="bm-nav-items-line hide">
							</div>
						</a>
					</li>

					<li class="bm-nav-items fixed-bm-nav" id="BM71">
						<a href="https://www.mr-banma.com/index.php/Singlepage/five_star.html">
							真实案例
							<div class="bm-nav-items-line hide">
							</div>
						</a>
					</li>
				</ul>
			</div>
			<!-- 导航展示页面 -->
			<div class="bm-nav-xls BM56 hide">
				<div class="bm-nav-xls-left">
					<ul class="bm-nav-xls-left-ul">
						<!-- 此处li的id应与下列center和right的class相关联 -->
						<li class="bm-nav-xls-left-li hasbg" id="BM56-20">
							<a href="http://mr-banma.com/index.php/Category/index/cat_id/20.html">香格里拉帘</a></li>
						<li class="bm-nav-xls-left-li" id="BM56-4">
							<a href="http://mr-banma.com/index.php/Category/index/cat_id/4.html">斑马帘</a></li>
						<li class="bm-nav-xls-left-li" id="BM56-33">
							<a href="http://mr-banma.com/index.php/Category/index/cat_id/33.html">蜂巢帘</a></li>
						<li class="bm-nav-xls-left-li" id="BM56-53">
							<a href="https://www.mr-banma.com/index.php/Category/index/cat_id/53.html">垂直帘</a></li>
						<li class="bm-nav-xls-left-li" id="BM56-54">
							<a href="https://www.mr-banma.com/index.php/Category/index/cat_id/54.html">百叶帘</a></li>
						<li class="bm-nav-xls-left-li" id="BM56-65">
							<a href="https://www.mr-banma.com/index.php/Category/index/cat_id/65.html">多层调光帘</a></li>
					</ul>
				</div>

				<div class="bm-nav-xls-center BM56-20 hide">
					<h3>香格里拉帘</h3>
					<div class="bm-nav-xls-line">
						<div class="line-left"></div>
						<div class="line-right"></div>
					</div>
					<p>集窗纱、百叶、卷帘三者功能为一体的完美设计，三层组织结构，可任意调节光线，清晰的纱网，古朴典雅的素色情调，造就极佳的视觉效果。</p>
				</div>
				<div class="bm-nav-xls-right BM56-20 hide">
					<video src="https://www.mr-banma.com/Public/video/mrbanma_xianggelilialian.mp4" controls="controls"
						poster="https://www.mr-banma.com/Uploads/images/2020-11-16/5fb2034ee324f.png" width="560"
						height="300"></video>
				</div>


				<div class="bm-nav-xls-center BM56-4 hide">
					<h3>斑马帘</h3>
					d<div class="bm-nav-xls-line">
						<div class="line-left"></div>
						<div class="line-right"></div>
					</div>
					<p>斑马帘是一布一纱相结合的两层面料结构，通过前后两层面料的交错实现调光功能。</p>
				</div>
				<div class="bm-nav-xls-right BM56-4 hide">
					<video src="https://www.mr-banma.com/Public/video/mrbanma_banmalian.mp4" controls="controls"
						poster="https://www.mr-banma.com/Uploads/images/2021-05-19/60a46179da20f.jpg" width="560"
						height="300"></video>
				</div>

				<div class="bm-nav-xls-center BM56-33 hide">
					<h3>蜂巢帘</h3>
					<div class="bm-nav-xls-line">
						<div class="line-left"></div>
						<div class="line-right"></div>
					</div>
					<p>机织布色彩更加丰富，横竖的纹理组织，使得面料的层次感更强，更加高档美观，视觉舒适度更好。</p>
				</div>
				<div class="bm-nav-xls-right BM56-33 hide">
					<a href="https://www.mr-banma.com/index.php/Category/index/cat_id/33.html">
						<img src="斑马先生_遮阳商城_files/5fb204c9802c7.jpg"></a>
				</div>

				<div class="bm-nav-xls-center BM56-53 hide">
					<h3>垂直帘</h3>
					<div class="bm-nav-xls-line">
						<div class="line-left"></div>
						<div class="line-right"></div>
					</div>
					<p>打破传统布艺闭合后全遮光的局限性，通过旋转帘片的角度，可实现180度左右自由调光，既看不到室内的活动防窥视，又能实现通风透景效果；同时控制光线的摄入量，达到室内需要的光量，既不影响自然空气进入室内，又不需要开灯，节约资源。
					</p>
				</div>
				<div class="bm-nav-xls-right BM56-53 hide">
					<a href="https://www.mr-banma.com/index.php/Category/index/cat_id/53.html">
						<img src="斑马先生_遮阳商城_files/6036f912effbf.jpg"></a>
				</div>

				<div class="bm-nav-xls-center BM56-54 hide">
					<h3>百叶帘</h3>
					<div class="bm-nav-xls-line">
						<div class="line-left"></div>
						<div class="line-right"></div>
					</div>
					<p>百叶帘用铝合金、木竹烤漆为主加工制作而成，具有耐用常新、易清洗、不老化、不褪色、遮阳、隔热、透气等特点，适用于高档写字楼、居室、酒店、别墅等场所。</p>
				</div>
				<div class="bm-nav-xls-right BM56-54 hide">
					<a href="https://www.mr-banma.com/index.php/Category/index/cat_id/54.html">
						<img src="斑马先生_遮阳商城_files/6036fb7caaac5.jpg"></a>
				</div>

				<div class="bm-nav-xls-center BM56-65 hide">
					<h3>多层调光帘</h3>
					<div class="bm-nav-xls-line">
						<div class="line-left"></div>
						<div class="line-right"></div>
					</div>
					<p>通过帘片独特的开合方式，自由调节光线，遮阳、调光、透气。</p>
				</div>

				<div class="bm-nav-xls-right BM56-65 hide">
					<a href="https://www.mr-banma.com/index.php/Category/index/cat_id/65.html">
						<img src="斑马先生_遮阳商城_files/60c41c41b4289.jpg"></a>
				</div>
			</div>

				<div class="bm-nav-xls BM6 hide">
					<div class="bm-nav-xls-left">
						<ul class="bm-nav-xls-left-ul">
							<!-- 此处li的id应与下列center和right的class相关联 -->
							<li class="bm-nav-xls-left-li" id="BM6-22">
								<a href="https://www.mr-banma.com/index.php/Category/index/cat_id/22.html">玻纤卷帘</a></li>
							<li class="bm-nav-xls-left-li" id="BM6-25">
								<a href="http://mr-banma.com/index.php/Category/index/cat_id/25.html">100%全遮光卷帘</a></li>
							<li class="bm-nav-xls-left-li" id="BM6-28">
								<a href="http://mr-banma.com/index.php/Category/index/cat_id/28.html">提花大师卷帘</a></li>
							<li class="bm-nav-xls-left-li" id="BM6-29">
								<a href="http://mr-banma.com/index.php/Category/index/cat_id/29.html">阳光面料卷帘</a></li>
							<li class="bm-nav-xls-left-li" id="BM6-31">
								<a href="http://mr-banma.com/index.php/Category/index/cat_id/31.html">经典卷帘</a></li>
						</ul>
					</div>

					<div class="bm-nav-xls-center BM6-22 hide">
						<h3>玻纤卷帘</h3>
						<div class="bm-nav-xls-line">
							<div class="line-left"></div>
							<div class="line-right"></div>
						</div>
						<p>面料中加入玻璃纤维，防水、防火、防油污。高遮光度，保护隐私空间。阻隔紫外线，保温隔热。</p>
					</div>
					<div class="bm-nav-xls-right BM6-22 hide">
						<video src="https://www.mr-banma.com/Public/video/mrbanma_juanlian.mp4" controls="controls"
							poster="https://www.mr-banma.com/Uploads/images/2020-11-04/5fa21a354aa78.jpg" width="560"
							height="300"></video>
					</div>

					<div class="bm-nav-xls-center BM6-25 hide">
						<h3>100%全遮光卷帘</h3>
						<div class="bm-nav-xls-line">
							<div class="line-left"></div>
							<div class="line-right"></div>
						</div>
						<p>全新贴合工艺，双面布料效果，反正面都好用的100%全遮光高端卷帘。</p>
					</div>
					<div class="bm-nav-xls-right BM6-25 hide">
						<video src="https://www.mr-banma.com/Public/video/mrbanma_juanlian.mp4" controls="controls"
							poster="https://www.mr-banma.com/Uploads/images/2020-11-16/5fb204abe5b37.jpg" width="560"
							height="300"></video>
					</div>

					<div class="bm-nav-xls-center BM6-28 hide">
						<h3>提花大师卷帘</h3>
						<div class="bm-nav-xls-line">
							<div class="line-left"></div>
							<div class="line-right"></div>
						</div>
						<p>提花设计、简约大气，尤其适合办公室、五星级酒店、高级会所等使用。 </p>
					</div>
					<div class="bm-nav-xls-right BM6-28 hide">
						<video src="https://www.mr-banma.com/Public/video/mrbanma_juanlian.mp4" controls="controls"
							poster="https://www.mr-banma.com/Uploads/images/2020-11-16/5fb205952d71c.jpg" width="560"
							height="300"></video>
					</div>

					<div class="bm-nav-xls-center BM6-29 hide">
						<h3>阳光面料卷帘</h3>
						<div class="bm-nav-xls-line">
							<div class="line-left"></div>
							<div class="line-right"></div>
						</div>
						<p>防水、防晒、防火、防霉、防甲醛的阳光面料卷帘，更大程度的满足消费者需求，同时阳光面料多种素颜的色料与室内主体装修色彩协调，也可衬出环境的高雅。</p>
					</div>
					<div class="bm-nav-xls-right BM6-29 hide">
						<video src="https://www.mr-banma.com/Public/video/mrbanma_juanlian.mp4" controls="controls"
							poster="https://www.mr-banma.com/Uploads/images/2020-11-16/5fb20b5d84844.jpg" width="560"
							height="300"></video>
					</div>

					<div class="bm-nav-xls-center BM6-31 hide">
						<h3>经典卷帘</h3>
						<div class="bm-nav-xls-line">
							<div class="line-left"></div>
							<div class="line-right"></div>
						</div>
						<p>卷帘作为窗饰行业的一款成熟度高、应用广泛的产品，备受广大采购商和消费者的青睐，它既可以减光、遮光，以适应人对光线不同强度的需求；又可以防火、防风、除尘、保暖、消声、隔热、防辐射、防紫外线等，改善居室气候与环境。已成为不可缺少的、功能性和装饰性完美结合的室内装饰品。
						</p>
					</div>
					<div class="bm-nav-xls-right BM6-31 hide">
						<video src="https://www.mr-banma.com/Public/video/mrbanma_juanlian.mp4" controls="controls"
							poster="https://www.mr-banma.com/Uploads/images/2020-11-16/5fb204bb00b8d.jpg" width="560"
							height="300"></video>
					</div>
				</div>
			</div>

			<div class="bm-nav-xls BM7 hide">
				<div class="bm-nav-xls-left">
					<ul class="bm-nav-xls-left-ul">
						<!-- 此处li的id应与下列center和right的class相关联 -->
						<li class="bm-nav-xls-left-li" id="BM7-36">
							<a href="http://mr-banma.com/Category/index/cat_id/36.html">户外防风卷帘</a></li>
						<li class="bm-nav-xls-left-li" id="BM7-55">
							<a href="https://www.mr-banma.com/Goods/goodsInfo/id/75.html">户外遮阳伞</a></li>
						<li class="bm-nav-xls-left-li" id="BM7-67">
							<a href="https://www.mr-banma.com/Goods/goodsInfo/id/80.html">曲臂遮阳篷</a></li>
						<li class="bm-nav-xls-left-li" id="BM7-68">
							<a href="https://www.mr-banma.com/Goods/goodsInfo/id/82.html">海天篷（阳光篷）</a></li>
					</ul>
				</div>
				<div class="bm-nav-xls-center BM7-36 hide">
					<h3>户外防风卷帘</h3>
					<div class="bm-nav-xls-line">
						<div class="line-left"></div>
						<div class="line-right"></div>
					</div>
					<p>斑马先生防风卷帘，可以抗飓风的防风卷帘！更简洁，更平顺，更抗风！</p>
				</div>
				<div class="bm-nav-xls-right BM7-36 hide">
					<video src="http://mr-banma.com/Public/video/fangfengjuanlian.mp4" controls="controls"
						poster="http://mr-banma.com/Uploads/images/2021-08-13/61161f614c633.jpg" width="560"
						height="300"></video>
				</div>
				<div class="bm-nav-xls-center BM7-55 hide">
					<h3>户外遮阳伞</h3>
					<div class="bm-nav-xls-line">
						<div class="line-left"></div>
						<div class="line-right"></div>
					</div>
					<p>斑马先生户外遮阳伞，防雨，防风，防紫外线。绿色环保，经久耐用！</p>
				</div>
				<div class="bm-nav-xls-right BM7-55 hide">
					<a href="https://www.mr-banma.com/Goods/goodsInfo/id/75.html"><img
							src="斑马先生_遮阳商城_files/60865d8ba3e2d.jpg"></a>
				</div>
				<div class="bm-nav-xls-center BM7-67 hide">
					<h3>曲臂遮阳篷</h3>
					<div class="bm-nav-xls-line">
						<div class="line-left"></div>
						<div class="line-right"></div>
					</div>
					<p>曲臂遮阳篷除了遮阳外，还可以防雨，防紫外线等；根据所需面积的大小，可以对遮阳篷进行伸缩调节，同时曲臂遮阳篷有许多种颜色可以选择，更好的搭配建筑的色彩与风格。</p>
				</div>
				<div class="bm-nav-xls-right BM7-67 hide">
					<a href="https://www.mr-banma.com/Goods/goodsInfo/id/80.html"><img
							src="斑马先生_遮阳商城_files/60f521aded05c.jpg"></a>
				</div>
				<div class="bm-nav-xls-center BM7-68 hide">
					<h3>海天篷（阳光篷）</h3>
					<div class="bm-nav-xls-line">
						<div class="line-left"></div>
						<div class="line-right"></div>
					</div>
					<p>斑马先生海天蓬外观简洁大气，与整体环境完美融合。全铝合金材质，耐晒防水，晴雨两用，使用寿命长。通风透气，电动开合，操作简单。</p>
				</div>
				<div class="bm-nav-xls-right BM7-68 hide">
					<a href="https://www.mr-banma.com/Goods/goodsInfo/id/82.html">
						<img src="斑马先生_遮阳商城_files/610122d7dd4f9.jpg"></a>
				</div>
			</div>

			<div class="bm-nav-xls BM57 hide">
				<div class="bm-nav-xls-left">
					<ul class="bm-nav-xls-left-ul">
						<!-- 此处li的id应与下列center和right的class相关联 -->
						<li class="bm-nav-xls-left-li" id="BM57-58">
							<a href="http://mr-banma.com/index.php/Category/index/cat_id/58.html">除甲醛窗帘</a></li>
						<li class="bm-nav-xls-left-li" id="BM57-59">
							<a href="http://mr-banma.com/index.php/Category/index/cat_id/59.html">五防功能</a></li>
						<li class="bm-nav-xls-left-li" id="BM57-60">
							<a href="https://www.mr-banma.com/index.php/Singlepage/diandong.html">电动智能</a></li>
						<li class="bm-nav-xls-left-li" id="BM57-61">
							<a href="https://www.mr-banma.com/index.php/Singlepage/miandakong.html">免打孔窗帘</a></li>
					</ul>
				</div>

				<div class="bm-nav-xls-center BM57-58 hide">
					<h3>除甲醛窗帘</h3>
					<div class="bm-nav-xls-line">
						<div class="line-left"></div>
						<div class="line-right"></div>
					</div>
					<p>斑马先生联合韩国国立研究所共同研发，采用行业领先的沸石晶体分子筛除甲醛技术，吸附且分解甲醛，拒绝二次污染，除甲醛功效可达3年！为您打造绿色舒适的健康之家，孩子成长路上更放心，家人生活更安心。
					</p>
				</div>
				<div class="bm-nav-xls-right BM57-58 hide">
					<video src="http://mr-banma.com/Public/video/chujiaquan.mp4" controls="controls"
						poster="http://mr-banma.com/Uploads/images/2021-05-09/6097969f047a0.jpg" width="560"
						height="300"></video>
				</div>

				<div class="bm-nav-xls-center BM57-59 hide">
					<h3>五防功能</h3>
					<div class="bm-nav-xls-line">
						<div class="line-left"></div>
						<div class="line-right"></div>
					</div>
					<p>随着时代的发展，科技的进步，人们对窗帘的需求不再仅仅只是遮挡，由此“五防”斑马帘应运而生，“防水、防火、防晒、防霉、防甲醛”，功能性更强，质量更优。</p>
				</div>
				<div class="bm-nav-xls-right BM57-59 hide">
					<video src="http://mr-banma.com/Public/video/mrbanma_wufang.mp4" controls="controls"
						poster="http://mr-banma.com/Uploads/images/2021-05-09/60979b458e79f.jpg" width="560"
						height="300"></video>
				</div>

				<div class="bm-nav-xls-center BM57-60 hide">
					<h3>电动智能</h3>
					<div class="bm-nav-xls-line">
						<div class="line-left"></div>
						<div class="line-right"></div>
					</div>
					<p>斑马先生全系产品都可做电动智能窗帘。窗帘开合随心控，智能生活美好进阶！</p>
				</div>
				<div class="bm-nav-xls-right BM57-60 hide">
					<a href="https://www.mr-banma.com/index.php/Singlepage/diandong.html">
						<img src="斑马先生_遮阳商城_files/609cd21d6b7c3.jpg"></a>
				</div>
				<div class="bm-nav-xls-center BM57-61 hide">
					<h3>免打孔窗帘</h3>
					<div class="bm-nav-xls-line">
						<div class="line-left"></div>
						<div class="line-right"></div>
					</div>
					<p>免打孔系统不伤墙面，装饰美家不忘安全，新升级免打孔系统安装牢固不掉落。</p>
				</div>
				<div class="bm-nav-xls-right BM57-61 hide">
					<a href="https://www.mr-banma.com/index.php/Singlepage/miandakong.html">
						<img src="斑马先生_遮阳商城_files/609cd40370fec.jpg"></a>
				</div>
			</div>

			<div class="bm-nav-xls BM37 hide">
				<div class="bm-nav-xls-left">
					<ul class="bm-nav-xls-left-ul">
						<!-- 此处li的id应与下列center和right的class相关联 -->
					</ul>
				</div>
			</div>

			<div class="bm-nav-xls BM39 hide">
				<div class="bm-nav-xls-left">
					<ul class="bm-nav-xls-left-ul">
						<!-- 此处li的id应与下列center和right的class相关联 -->
						<li class="bm-nav-xls-left-li" id="BM39-42">
							<a href="http://mr-banma.com/index.php/Category/index/cat_id/42.html">特价产品</a></li>
						<li class="bm-nav-xls-left-li" id="BM39-52">
							<a href="http://mr-banma.com/index.php/Category/index/cat_id/52.html">品牌工具包</a></li>
						<li class="bm-nav-xls-left-li" id="BM39-50">
							<a href="https://www.mr-banma.com/index.php/singlepage/company_buy.html">企业采购</a></li>
						<li class="bm-nav-xls-left-li" id="BM39-48">
							<a href="https://www.mr-banma.com/Activity/newpeople">新人享礼</a></li>
					</ul>
				</div>

				<div class="bm-nav-xls-center BM39-42 hide">
					<h3>特价产品</h3>
					<div class="bm-nav-xls-line">
						<div class="line-left"></div>
						<div class="line-right"></div>
					</div>
					<p>钜惠惊喜不断，高品质，低价格，斑马先生特价产品，让你用更低的价格享受调光生活。</p>
				</div>
				<div class="bm-nav-xls-right BM39-42 hide">
					<a href="http://mr-banma.com/index.php/Category/index/cat_id/42.html">
						<img src="斑马先生_遮阳商城_files/5fb714276eab3.jpg"></a>
				</div>

				<div class="bm-nav-xls-center BM39-52 hide">
					<h3>品牌工具包</h3>
					<div class="bm-nav-xls-line">
						<div class="line-left"></div>
						<div class="line-right"></div>
					</div>
					<p>斑马先生品牌工具包，内含各系列产品面料，及配件展示。</p>
				</div>
				<div class="bm-nav-xls-right BM39-52 hide">
					<a href="http://mr-banma.com/index.php/Category/index/cat_id/52.html">
						<img src="斑马先生_遮阳商城_files/6004fb13dc3d9.jpg"></a>
				</div>

				<div class="bm-nav-xls-center BM39-50 hide">
					<h3>企业采购</h3>
					<div class="bm-nav-xls-line">
						<div class="line-left"></div>
						<div class="line-right"></div>
					</div>
					<p>斑马先生企业采购，多、快、好、省！更多企业的选择！</p>
				</div>

				<div class="bm-nav-xls-right BM39-50 hide">
					<a href="https://www.mr-banma.com/index.php/singlepage/company_buy.html">
						<img src="斑马先生_遮阳商城_files/5fe6ec902adc0.jpg"></a>
				</div>

				<div class="bm-nav-xls-center BM39-48 hide">
					<h3>新人享礼</h3>
					<div class="bm-nav-xls-line">
						<div class="line-left"></div>
						<div class="line-right"></div>
					</div>
					<p>斑马先生新人享礼，特别的礼物属于特别的你！</p>
				</div>
				<div class="bm-nav-xls-right BM39-48 hide">
					<a href="https://www.mr-banma.com/Activity/newpeople">
						<img src="斑马先生_遮阳商城_files/5fd2b27e3d4fd.jpg"></a>
				</div>
			</div>

			<div class="bm-nav-xls BM23 hide">
				<div class="bm-nav-xls-left">
					<ul class="bm-nav-xls-left-ul">
						<!-- 此处li的id应与下列center和right的class相关联 -->
					</ul>
				</div>
			</div>

			<div class="bm-nav-xls BM62 hide">
				<div class="bm-nav-xls-left">
					<ul class="bm-nav-xls-left-ul">
						<!-- 此处li的id应与下列center和right的class相关联 -->
						<li class="bm-nav-xls-left-li" id="BM62-63">
							<a href="http://mr-banma.com/Singlepage/store">线下门店</a>
						</li>
						<li class="bm-nav-xls-left-li" id="BM62-38">
							<a href="http://mr-banma.com/index.php/Singlepage/gongchang">斑马工厂</a>
						</li>
						<li class="bm-nav-xls-left-li" id="BM62-64">
							<a href="http://mr-banma.com/Article/cat_list/cat_id/1">斑马动态</a>
						</li>
						<li class="bm-nav-xls-left-li" id="BM62-24">
							<a href="http://mr-banma.com/Article/cat_list/cat_id/2">斑马小课堂</a>
						</li>
						<li class="bm-nav-xls-left-li" id="BM62-70">
							<a href="http://h2.veqxiu.net/q/92910572_VVI42RDE">斑马先生杂志</a>
						</li>
					</ul>
				</div>

				<div class="bm-nav-xls-center BM62-63 hide">
					<h3>线下门店</h3>
					<div class="bm-nav-xls-line">
						<div class="line-left"></div>
						<div class="line-right"></div>
					</div>
					<p>斑马先生线下加盟店，全国服务网络。</p>
				</div>
				<div class="bm-nav-xls-right BM62-63 hide">
					<a href="http://mr-banma.com/Singlepage/store">
						<img src="斑马先生_遮阳商城_files/609cf8f9827dd.jpg"></a>
				</div>

				<div class="bm-nav-xls-center BM62-38 hide">
					<h3>斑马工厂</h3>
					<div class="bm-nav-xls-line">
						<div class="line-left"></div>
						<div class="line-right"></div>
					</div>
					<p>斑马先生权威实验室；斑马先生成品加工厂;斑马先生优质供应商；斑马先生全国服务网络</p>
				</div>
				<div class="bm-nav-xls-right BM62-38 hide">
					<a href="http://mr-banma.com/index.php/Singlepage/gongchang">
						<img src="斑马先生_遮阳商城_files/609cfe0c14511.jpg"></a>
				</div>

				<div class="bm-nav-xls-center BM62-64 hide">
					<h3>斑马动态</h3>
					<div class="bm-nav-xls-line">
						<div class="line-left"></div>
						<div class="line-right"></div>
					</div>
					<p>斑马先生最新动态，见证斑马先生成长！</p>
				</div>
				<div class="bm-nav-xls-right BM62-64 hide">
					<a href="http://mr-banma.com/Article/cat_list/cat_id/1">
						<img src="斑马先生_遮阳商城_files/609cfe4c0af8f.jpg"></a>
				</div>

				<div class="bm-nav-xls-center BM62-24 hide">
					<h3>斑马小课堂</h3>
					<div class="bm-nav-xls-line">
						<div class="line-left"></div>
						<div class="line-right"></div>
					</div>
					<p>最流行的窗饰家居搭配及百科，最新的行业信息及发展趋势。</p>
				</div>
				<div class="bm-nav-xls-right BM62-24 hide">
					<a href="http://mr-banma.com/Article/cat_list/cat_id/2">
						<img src="斑马先生_遮阳商城_files/609cf88f4dcab.jpg"></a>
				</div>

				<div class="bm-nav-xls-center BM62-70 hide">
					<h3>斑马先生杂志</h3>
					<div class="bm-nav-xls-line">
						<div class="line-left"></div>
						<div class="line-right"></div>
					</div>
					<p>《斑马先生》杂志，为消费者提供最新的遮阳行业动态及产品信息。</p>
				</div>
				<div class="bm-nav-xls-right BM62-70 hide">
					<a href="http://h2.veqxiu.net/q/92910572_VVI42RDE"><img src="斑马先生_遮阳商城_files/6190545c782d6.jpg"></a>
				</div>
			</div>

			<div class="bm-nav-xls BM66 hide">
				<div class="bm-nav-xls-left">
					<ul class="bm-nav-xls-left-ul">
						<!-- 此处li的id应与下列center和right的class相关联 -->
					</ul>
				</div>
			</div>

			<div class="bm-nav-xls BM71 hide">
				<div class="bm-nav-xls-left">
					<ul class="bm-nav-xls-left-ul">
						<!-- 此处li的id应与下列center和right的class相关联 -->
					</ul>
				</div>
			</div>
		</div>

		<!-- 五星好评区域 -->
		<div class="five">
			<ul>
				<li>
					<a href="https://www.mr-banma.com/index.php/Singlepage/five_star.html" target="_blank">
						<img src="斑马先生_遮阳商城_files/3_03.jpg">
					</a>
				</li>

				<li>
					<a href="https://www.mr-banma.com/index.php/Singlepage/mianfeiyouji.html" target="_blank">
						<img src="斑马先生_遮阳商城_files/3_05.jpg">
					</a>
				</li>

				<li>
					<a href="https://www.mr-banma.com/index.php/Singlepage/shouhou.html" target="_blank">
						<img src="斑马先生_遮阳商城_files/3_07.jpg">
					</a>
				</li>
			</ul>
		</div>

		<!-- 轮播图 -->
		<div class="banner">
			<div class="swiper-container swiper-container-horizontal swiper-container-fade" id="lunbo">
				<div class="swiper-wrapper" style="transition-duration: 0ms;">
					<!-- 轮播图列表 -->
					<div class="swiper-slide" style="background: url('https://www.mr-banma.com/Uploads/images/2021-06-16/60c9a91a90065.jpg') center center; 
								 width: 1263px; opacity: 1; transform: translate3d(0px, 0px, 0px); transition-duration: 0ms;">
						<a class="lunbo-a" href="https://www.mr-banma.com/"></a>
					</div>
					<div class="swiper-slide swiper-slide-prev" style="background: url('https://www.mr-banma.com/Uploads/images/2020-11-23/5fbb7e2b95ea2.jpg') center center;
								 width: 1263px; opacity: 0; transform: translate3d(-1263px, 0px, 0px); transition-duration: 0ms;">
						<a class="lunbo-a" href="https://www.mr-banma.com/index.php/Singlepage/video"></a>
					</div>
					<div class="swiper-slide swiper-slide-active" style="background: url('https://www.mr-banma.com/Uploads/images/2021-09-09/61395849a78d2.jpg') center center; 
								width: 1263px; opacity: 0; transform: translate3d(-2526px, 0px, 0px); transition-duration: 0ms;">
						<a class="lunbo-a" href="https://www.mr-banma.com/singlepage/huwai"></a>
					</div>
					<div class="swiper-slide swiper-slide-next" style="background: url('https://www.mr-banma.com/Uploads/images/2021-11-27/61a1b9e59050a.jpg') center center;
								 width: 1263px; opacity: 0; transform: translate3d(-3789px, 0px, 0px); transition-duration: 0ms;">
						<a class="lunbo-a" href="https://www.mr-banma.com/"></a>
					</div>
					<div class="swiper-slide " style="background: url('https://www.mr-banma.com/Uploads/images/2020-11-20/5fb77f6643eb5.jpg') center center; 
								width: 1263px; opacity: 0; transform: translate3d(-5052px, 0px, 0px); transition-duration: 0ms;">
						<a class="lunbo-a"
							href="https://mashangtuan.oss-cn-beijing.aliyuncs.com/banma_yubuyiduibi.mp4"></a>
					</div>
					<div class="swiper-slide " style="background: url('https://www.mr-banma.com/Uploads/images/2020-11-20/5fb77e33cb915.jpg') center center;
					 width: 1263px; opacity: 0; transform: translate3d(-6315px, 0px, 0px); transition-duration: 0ms;">
						<a class="lunbo-a" href="https://www.mr-banma.com/index.php/singlepage/jinghuakongqi.html"></a>
					</div>
				</div>
				<!-- 轮播图下面切换的点，点击切换 -->
				<div
					class="swiper-pagination swiper-pagination-white swiper-pagination-clickable swiper-pagination-bullets">
					<span class="swiper-pagination-bullet "></span>
					<span class="swiper-pagination-bullet swiper-slide-prev"></span>
					<span class="swiper-pagination-bullet swiper-pagination-bullet-active"></span>
					<span class="swiper-pagination-bullet swiper-slide-next"></span>
					<span class="swiper-pagination-bullet"></span>
					<span class="swiper-pagination-bullet"></span>
				</div>
			</div>
		</div>

		<!-- 新品首发 -->
		<div class="newshop" id="newshop1">
			<div class="bm-newshop">
				<div class="bm-newshop-nav">
					<h3 class="bm-newshop-nav-title">斑马爆品</h3>
					<span class="bm-newshop-nav-subtitle">众多买家的选择</span>
					<a class="bm-newshop-nav-more" target="_blank"
						href="https://www.mr-banma.com/index.php/singlepage/newproduct.html">更多爆品</a>
				</div>
				<div class="bm-newshop-list ">
					<div class="bm-newshop-list-items" style="background-color: rgb(255, 255, 255);">
						<a href="https://www.mr-banma.com/index.php/Goods/goodsinfo/id/90.html" target="_blank">
							<span class="list-items-box">
								<img class="list-items-img img-01"
									src="https://www.mr-banma.com/Uploads/goods/2022-01-20/61e8b1d8714b8.png">
								<img class="list-items-img img-02 hide"
									src="https://www.mr-banma.com/Uploads/goods/2021-11-04/5555_618379bb004d6.jpg">
							</span>
							<span class="list-items-title" style="color: rgb(0, 0, 0);">斑马先生户外防风卷帘MR-ZT08</span>
							<span class="list-items-price">¥ 508.30  <s style="color:#aaa;">原价 ¥598.00</s> </span>
							<ul class="bm-maidian">
								<li>更简约，更平顺，防风卷帘专用面料</li>
								<li>能抗飓风的防风卷帘</li>
							</ul>
						</a>
					</div>
					
					<div class="bm-newshop-list-items" style="background-color: rgb(255, 255, 255);">
						<a href="https://www.mr-banma.com/index.php/Goods/goodsinfo/id/93.html" target="_blank">
							<span class="list-items-box">
								<img class="list-items-img img-01"
									src="https://www.mr-banma.com/Uploads/goods/2022-08-08/62f0629682dd3.jpg">
								<img class="list-items-img img-02 hide"
									src="https://www.mr-banma.com/Uploads/goods/2022-07-28/5555_62e23a873d93c.jpg">
							</span>
							<span class="list-items-title" style="color: rgb(0, 0, 0);">梦幻帘DD1</span>
							<span class="list-items-price">¥ 216.00 </span>
							<ul class="bm-maidian">
								<li>高端高质，客厅首选</li>
								<li>180度自由调光</li>
							</ul>
						</a>
					</div>
					
					<div class="bm-newshop-list-items" style="background-color: rgb(255, 255, 255);">
						<a href="https://www.mr-banma.com/index.php/Goods/goodsinfo/id/16.html" target="_blank">
							<span class="list-items-box">
								<img class="list-items-img img-01"
									src="https://www.mr-banma.com/Uploads/goods/2022-01-20/61e8afbdd72bc.png">
								<img class="list-items-img img-02 hide"
									src="https://www.mr-banma.com/Uploads/goods/2020-11-18/5555_5fb4c62995c44.jpg">
							</span>
							<span class="list-items-title" style="color: rgb(0, 0, 0);">全遮光精细斑马帘BL20</span>
							<span class="list-items-price">¥ 296.00 </span>
							<ul class="bm-maidian">
								<li>精细纱线，面料如丝绸般顺滑</li>
								<li>极致简约，时尚百搭</li>
							</ul>
						</a>

					</div>
					<div class="bm-newshop-list-items" style="margin-right: 0px; background-color: rgb(255, 255, 255);">
						<a href="https://www.mr-banma.com/index.php/Goods/goodsinfo/id/21.html" target="_blank">
							<span class="list-items-box">
								<img class="list-items-img img-01"
									src="https://www.mr-banma.com/Uploads/goods/2021-06-22/60d1a7e9d2aec.jpg">
								<img class="list-items-img img-02 hide"
									src="https://www.mr-banma.com/Uploads/goods/2020-11-18/5555_5fb4c5b713b5f.jpg">
							</span>
							<span class="list-items-title" style="color: rgb(0, 0, 0);">全闭合防眩晕香格里拉帘SP1</span>
							<span class="list-items-price">¥ 296.00 </span>
							<ul class="bm-maidian">
								<li>半遮光，全闭合，防眩晕</li>
								<li>精准调光，光线自由掌控</li>
							</ul>
						</a>

					</div>
					<div class="bm-newshop-list-items">
						<a href="https://www.mr-banma.com/index.php/Goods/goodsinfo/id/69.html" target="_blank">
							<span class="list-items-box">
								<img class="list-items-img img-01 "
									src="https://www.mr-banma.com/Uploads/goods/2021-01-02/5555_5feff3d2d8612.jpg">
								<img class="list-items-img img-02 hide"
									src="https://www.mr-banma.com/Uploads/goods/2021-01-02/5555_5feff3c2effe3.jpg">
							</span>
							<span class="list-items-title">素色DS哈纳斯DS1</span>
							<span class="list-items-price">¥ 496.00 </span>
							<ul class="bm-maidian">
								<li>布与纱的完美结合</li>
								<li>180°随意调节，阳光任意掌控</li>
							</ul>
						</a>

					</div>
					<div class="bm-newshop-list-items">
						<a href="https://www.mr-banma.com/index.php/Goods/goodsinfo/id/18.html" target="_blank">
							<span class="list-items-box">
								<img class="list-items-img img-01 "
									src="https://www.mr-banma.com/Uploads/goods/2019-09-14/5555_5d7ca31b1e1d2.jpg">
								<img class="list-items-img img-02 hide"
									src="https://www.mr-banma.com/Uploads/goods/2020-11-18/5555_5fb4c5f36e51f.jpg">
							</span>
							<span class="list-items-title">经典素色香格里拉帘S6</span>
							<span class="list-items-price">¥ 216.00 </span>
							<ul class="bm-maidian">
								<li>经典素色， 精准调光，高平整度</li>
								<li>简约浪漫，柔和光线</li>
							</ul>
						</a>
					</div>
					
					<div class="bm-newshop-list-items">
						<a href="https://www.mr-banma.com/index.php/Goods/goodsinfo/id/22.html" target="_blank">
							<span class="list-items-box">
								<img class="list-items-img img-01 "
									src="https://www.mr-banma.com/Uploads/goods/2021-06-22/60d1a7a3bdd7e.jpg">
								<img class="list-items-img img-02 hide"
									src="https://www.mr-banma.com/Uploads/goods/2020-11-18/5555_5fb4c59e02efb.jpg">
							</span>
							<span class="list-items-title">全闭合防眩晕香格里拉帘SP10</span>
							<span class="list-items-price">¥ 376.00 </span>
							<ul class="bm-maidian">
								<li>全遮光，全闭合，防眩晕</li>
								<li>精准调光，光线自由掌控</li>
							</ul>
						</a>
					</div>
					
					<div class="bm-newshop-list-items" style="margin-right:0;">
						<a href="https://www.mr-banma.com/index.php/Goods/goodsinfo/id/30.html" target="_blank">
							<span class="list-items-box">
								<img class="list-items-img img-01 "
									src="https://www.mr-banma.com/Uploads/goods/2019-09-14/5555_5d7caee708d9b.jpg">
								<img class="list-items-img img-02 hide"
									src="https://www.mr-banma.com/Uploads/goods/2020-11-18/5555_5fb4c46665fb1.jpg">
							</span>
							<span class="list-items-title">半遮光精细斑马帘BL21</span>
							<span class="list-items-price">¥ 276.00 </span>
							<ul class="bm-maidian">
								<li>半遮光，高端精致</li>
								<li>手感细腻，简约时尚</li>
							</ul>
						</a>
					</div>
				</div>
			</div>
		</div>

		<!-- 场景购买 -->
		<div class="scene" id="scene">
			<div class="bm-scene" style="height: 785px">
				<div class="bm-newshop-nav">
					<h3 class="bm-newshop-nav-title">场景购买</h3>
					<span class="bm-newshop-nav-subtitle">选择困难症？</span>
					<a class="bm-newshop-nav-more" href=""></a>
					<ul class="bm-scene-nav-right">
						<li id="17" style="color: rgb(238, 199, 134);"><a href="javascript:;" id="scene_a_17"
								onclick="scene_show(17,1)">办公室</a></li> /
						<li id="18" style="color: rgb(51, 51, 51);"><a href="javascript:;" id="scene_a_18"
								onclick="scene_show(18,1)">阳台</a></li> /
						<li id="19" style="color: rgb(51, 51, 51);"><a href="javascript:;" id="scene_a_19"
								onclick="scene_show(19,1)">客厅</a></li> /
						<li id="20" style="color: rgb(51, 51, 51);"><a href="javascript:;" id="scene_a_20"
								onclick="scene_show(20,1)">书房</a></li> /
						<li id="21" style="color: rgb(51, 51, 51);"><a href="javascript:;" id="scene_a_21"
								onclick="scene_show(21,1)">卫生间</a></li> /
						<li id="22" style="color: rgb(51, 51, 51);"><a href="javascript:;" id="scene_a_22"
								onclick="scene_show(22,1)">厨房</a></li> /
						<li id="23" style="color: rgb(51, 51, 51);"><a href="javascript:;" id="scene_a_23"
								onclick="scene_show(23,1)">卧室</a></li> /
						<li id="24" style="color: rgb(51, 51, 51);"><a href="javascript:;" id="scene_a_24"
								onclick="scene_show(24,1)">餐厅</a></li> /
						<li id="50" style="color: rgb(51, 51, 51);"><a href="javascript:;" id="scene_a_50"
								onclick="scene_show(50,1)">户外遮阳</a></li>
						</ul>
				</div>
				<!--场景购买产品-->
				<style>
					.scenes {
						display: none;
					}
					#scene_prev {
						position: absolute;
						left: -60px;
						top: 150px;
						display: inline-block;
						width: 50px;
						height: 50px;
						background: url('https://www.mr-banma.com/Public/static/images/else/prev.png') no-repeat;
					}

					#scene_next {
						position: absolute;
						right: -60px;
						top: 150px;
						display: inline-block;
						width: 50px;
						height: 50px;
						background: url('https://www.mr-banma.com/Public/static/images/else/next.png') no-repeat;
					}
				</style>
				<div class="bm-scene-title image-shadow">
					<div class="scenes" id="banner17" style="display: block;">
						<img src="https://www.mr-banma.com/Public/static/images/scene/banner-bangongshi.jpg" border="0"
							usemap="#bannerbangongshi">
						<map name="bannerbangongshi" id="bannerbangongshi">
							<area shape="poly" coords="0,0,516,0,610,345,0,345"
								href="https://www.mr-banma.com/index.php/Singlepage/bangongshi.html">
							<area shape="poly" coords="516,0,1100,0,1100,345,610,345"
								href="https://www.mr-banma.com/index.php/Singlepage/scene.html">
						</map>
					</div>
					<div class="scenes" id="banner18" style="display: none;">
						<img src="https://www.mr-banma.com/Public/static/images/scene/banner-yangtai.jpg" border="0"
							usemap="#planetmap">
						<map name="planetmap" id="planetmap">
							<area shape="poly" coords="0,0,516,0,610,345,0,345"
								href="https://www.mr-banma.com/index.php/Singlepage/yangtai.html">
							<area shape="poly" coords="516,0,1100,0,1100,345,610,345"
								href="https://www.mr-banma.com/index.php/Singlepage/scene.html">
						</map>
					</div>
					<div class="scenes" id="banner19" style="display: none;">
						<img src="https://www.mr-banma.com/Public/static/images/scene/banner-keting.jpg" border="0"
							usemap="#bannerketing">
						<map name="bannerketing" id="bannerketing">
							<area shape="poly" coords="0,0,516,0,610,345,0,345"
								href="https://www.mr-banma.com/index.php/Singlepage/keting.html">
							<area shape="poly" coords="516,0,1100,0,1100,345,610,345"
								href="https://www.mr-banma.com/index.php/Singlepage/scene.html">
						</map>
					</div>
					<div class="scenes" id="banner20" style="display: none;">
						<img src="https://www.mr-banma.com/Public/static/images/scene/banner-shufang.jpg" border="0"
							usemap="#bannershufang">
						<map name="bannershufang" id="bannershufang">
							<area shape="poly" coords="0,0,516,0,610,345,0,345"
								href="https://www.mr-banma.com/index.php/Singlepage/shufang.html">
							<area shape="poly" coords="516,0,1100,0,1100,345,610,345"
								href="https://www.mr-banma.com/index.php/Singlepage/scene.html">
						</map>
					</div>
					<div class="scenes" id="banner21" style="display: none;">
						<img src="https://www.mr-banma.com/Public/static/images/scene/banner-weishengjian.jpg"
							border="0" usemap="#bannerweishengjian">
						<map name="bannerweishengjian" id="bannerweishengjian">
							<area shape="poly" coords="0,0,516,0,610,345,0,345"
								href="https://www.mr-banma.com/index.php/Singlepage/weishengjian.html">
							<area shape="poly" coords="516,0,1100,0,1100,345,610,345"
								href="https://www.mr-banma.com/index.php/Singlepage/scene.html">
						</map>
					</div>
					<div class="scenes" id="banner22" style="display: none;">
						<img src="https://www.mr-banma.com/Public/static/images/scene/banner-chufang.jpg" border="0"
							usemap="#bannerchufang">
						<map name="bannerchufang" id="bannerchufang">
							<area shape="poly" coords="0,0,516,0,610,345,0,345"
								href="https://www.mr-banma.com/index.php/Singlepage/chufang.html">
							<area shape="poly" coords="516,0,1100,0,1100,345,610,345"
								href="https://www.mr-banma.com/index.php/Singlepage/scene.html">
						</map>
					</div>
					<div class="scenes" id="banner23" style="display: none;">
						<img src="https://www.mr-banma.com/Public/static/images/scene/banner-woshi.jpg" border="0"
							usemap="#bannerwoshi">
						<map name="bannerwoshi" id="bannerwoshi">
							<area shape="poly" coords="0,0,516,0,610,345,0,345"
								href="https://www.mr-banma.com/index.php/Singlepage/woshi.html">
							<area shape="poly" coords="516,0,1100,0,1100,345,610,345"
								href="https://www.mr-banma.com/index.php/Singlepage/scene.html">
						</map>
					</div>
					<div class="scenes" id="banner24" style="display: none;">
						<img src="https://www.mr-banma.com/Public/static/images/scene/banner-canting.jpg" border="0"
							usemap="#bannercanting">
						<map name="bannercanting" id="bannercanting">
							<area shape="poly" coords="0,0,516,0,610,345,0,345"
								href="https://www.mr-banma.com/index.php/Singlepage/canting.html">
							<area shape="poly" coords="516,0,1100,0,1100,345,610,345"
								href="https://www.mr-banma.com/index.php/Singlepage/scene.html">
						</map>
					</div>
					<div class="scenes" id="banner50" style="display: none;">
						<img src="https://www.mr-banma.com/Public/static/images/scene/banner-huwai.jpg" border="0"
							usemap="#bannerhuwai">
						<map name="bannerhuwai" id="bannerhuwai">
							<area shape="poly" coords="0,0,516,0,610,345,0,345"
								href="https://www.mr-banma.com/index.php/Singlepage/huwai.html">
							<area shape="poly" coords="516,0,1100,0,1100,345,610,345"
								href="https://www.mr-banma.com/index.php/Singlepage/scene.html">
						</map>
					</div>
				</div>
				<!--场景购买产品-->
				<div class="bm-scene-list_all" style="position: relative;">
					<a href="javascript:;" id="scene_prev" onclick="scene_prev()"></a>
					<a href="javascript:;" id="scene_next" onclick="scene_next()"></a>
					<!--产品-->
					<div class="bm-scene-list  flexbox-w" style="display:block; ">
						<div class="bm-scene-list-items" style="background-color: rgb(255, 255, 255);">
							<a href="https://www.mr-banma.com/index.php/Goods/goodsinfo/id/40.html" target="_blank">
								<span class="list-scene-box">
									<img class="list-scene-img img-01"
										src="https://www.mr-banma.com/Uploads/goods/2020-07-25/5555_5f1c18238d478.jpg">
								</span>
								<span class="list-scene-title" style="color: rgb(0, 0, 0);">竹节麻卷帘PTM</span>
								<span class="list-scene-price">￥136.00</span>
								<ul class="bm-scene-maidian">
									<li>竹麻设计，自然风情</li>
									<li>隔热保温，节能降耗</li>
								</ul>
							</a>
						</div>
						<div class="bm-scene-list-items" style="background-color: rgb(255, 255, 255);">
							<a href="https://www.mr-banma.com/index.php/Goods/goodsinfo/id/38.html" target="_blank">
								<span class="list-scene-box">
									<img class="list-scene-img img-01"
										src="https://www.mr-banma.com/Uploads/goods/2021-09-23/5555_614c210d21c20.jpg"></span>
								<span class="list-scene-title" style="color: rgb(0, 0, 0);">防水防火防油烟卷帘YM-42</span>
								<span class="list-scene-price">￥136.00</span>
								<ul class="bm-scene-maidian">
									<li>全遮光效果</li>
									<li>防水，防火，防油烟</li>
								</ul>
							</a>
						</div>
						<div class="bm-scene-list-items" style="background-color: rgb(255, 255, 255);">
							<a href="https://www.mr-banma.com/index.php/Goods/goodsinfo/id/41.html" target="_blank">
								<span class="list-scene-box">
									<img class="list-scene-img img-01"
										src="https://www.mr-banma.com/Uploads/goods/2020-07-25/5555_5f1c18fe3891f.jpg"></span>
								<span class="list-scene-title" style="color: rgb(0, 0, 0);">阳光面料卷帘SC-A2</span>
								<span class="list-scene-price">￥136.00</span>
								<ul class="bm-scene-maidian">
									<li>遮挡强光防炫目</li>
									<li>8级色牢度久晒不褪色</li>
								</ul>
							</a>
						</div>
						<div class="bm-scene-list-items" style="margin-right: 0px;">
							<a href="https://www.mr-banma.com/index.php/Goods/goodsinfo/id/72.html" target="_blank">
								<span class="list-scene-box">
									<img class="list-scene-img img-01"
										src="https://www.mr-banma.com/Uploads/goods/2021-01-02/5555_5ff002d3ddd1a.jpg"></span>
								<span class="list-scene-title" style="color: rgb(0, 0, 0);">阻燃卷帘JQ</span>
								<span class="list-scene-price">￥69.00</span>
								<ul class="bm-scene-maidian">
									<li>防火阻燃，平整度高</li>
									<li>现代简约，绿色环保</li>
								</ul>
							</a>
						</div>
					</div>
					<div style="clear: both;"></div>
				</div>
			</div>

			<!-- 功能窗帘 -->
			<div class="specialshop" id="specialshop">
				<div class="bm-specialshop">
					<div class="bm-newshop-nav">
						<h3 class="bm-newshop-nav-title">功能购买</h3>
						<span class="bm-newshop-nav-subtitle">原来窗帘也有高科技</span>
						<a class="bm-newshop-nav-more" href=""></a>
					</div>
					<div class="specialshop-title image-shadow ">
						<img class="imgbox" src="https://www.mr-banma.com/Public/static/images/else/special.jpg">
					</div>
					<div class="specialshop-list flexbox-n">
						<div class="specialshop-items"
							style="background-image: url('https://www.mr-banma.com/Public/static/images/z1.png');">
							<a href="https://www.mr-banma.com/index.php/Singlepage/jinghuakongqi.html">
								<img class="imgbox" src="https://www.mr-banma.com/Public/static/images/z2.png">
							</a>
						</div>
						<div class="specialshop-items"
							style="background-image: url('https://www.mr-banma.com/Public/static/images/z7.png');">
							<a href="https://www.mr-banma.com/index.php/Singlepage/wufang.html">
								<img class="imgbox" src="https://www.mr-banma.com/Public/static/images/z8.png">
							</a>
						</div>
						<div class="specialshop-items"
							style="background-image: url('https://www.mr-banma.com/Public/static/images/z3.png');">
							<a href="https://www.mr-banma.com/index.php/Singlepage/diandong.html">
								<img class="imgbox" src="https://www.mr-banma.com/Public/static/images/z4.png">
							</a>
						</div>
						<div class="specialshop-items"
							style="margin: 0;background-image: url('https://www.mr-banma.com/Public/static/images/z5.png');">
							<a href="https://www.mr-banma.com/index.php/Singlepage/miandakong.html">
								<img class="imgbox" src="https://www.mr-banma.com/Public/static/images/z6.png">
							</a>
						</div>


					</div>
				</div>

			</div>


			<!-- 快捷入口 -->
			<div class="fast" id="fast">
				<div class="bm-fast">
					<div class="bm-newshop-nav">
						<h3 class="bm-newshop-nav-title">斑马服务</h3>
						<span class="bm-newshop-nav-subtitle">用心服务只为你</span>
						<a class="bm-newshop-nav-more" href=""></a>
					</div>
				</div>
				<div class="bm-fast-list ">
					<div class="bm-fast-list-left">
						<div class="bm-fast-items image-shadow">
							<a href="https://www.mr-banma.com/index.php/Sample/index.html">
								<img class="imgbox"
									src="https://www.mr-banma.com/Public/static/images/else/mfyb.jpg?v=1">
							</a>
						</div>
						<div class="bm-fast-items image-shadow" style="margin-top: 30px;">
							<a href="https://www.mr-banma.com/index.php/Singlepage/mianfeiyouji.html">
								<img class="imgbox"
									src="https://www.mr-banma.com/Public/static/images/else/mfyj.jpg?v=1">
							</a>
						</div>
					</div>
					<div class="bm-fast-list-right">
						<div class="bm-fast-items image-shadow">
							<a href="https://www.mr-banma.com/index.php/Singlepage/company_buy.html">
								<img class="imgbox"
									src="https://www.mr-banma.com/Public/static/images/else/qycg.jpg?v=1">
							</a>
						</div>
						<div class="bm-fast-items image-shadow" style="margin-top: 30px;">
							<a href="https://www.mr-banma.com/index.php/Article/cat_list.html">
								<img class="imgbox"
									src="https://www.mr-banma.com/Public/static/images/else/bmsq.jpg?v=1">
							</a>
						</div>
					</div>
				</div>
			</div>

			<!-- 设计师模块 -->
			<div class="allsay" id="Signed">
				<div class="bm-allsay">
					<div class="bm-newshop-nav">
						<h3 class="bm-newshop-nav-title">签约设计师</h3>
						<span class="bm-newshop-nav-subtitle">他们，是行业内的佼佼者</span>
						<a class="bm-designer-nav-more"
							href="https://www.mr-banma.com/index.php/Singlepage/designer.html">more&gt;&gt;</a>
					</div>

					<div class="specialshop-title image-shadow" style="margin-bottom: 15px">
						<img class="imgbox"
							src="https://www.mr-banma.com/Public/static/images/designer/index_designer_banner.jpg">
					</div>


					<div class="bm-allsay-list">
						<div class="swiper-container designer" id="designer">
							<div class="swiper-wrapper" style="margin-bottom: 50px">
								<div class="swiper-slide flexbox-n allsay-items-box">
									<div class="bm-allsay-list-items image-shadow ">
										<a href="https://www.mr-banma.com/index.php/Singlepage/designer.html"><img
												class="imgbox "
												src="https://www.mr-banma.com/Uploads/images/2021-05-14/609e16cd4da39.jpg"></a>
										<span class="bm-allsay-title">
											<span>
												<a href="https://www.mr-banma.com/index.php/Singlepage/designer.html"><img
														src="https://www.mr-banma.com/Uploads/images/2021-05-12/609b39b8cca41.jpg"
														class="say_photo"></a>
											</span>
											<span class="designer-detailed">
												<h3>梅子</h3>
												<p>loft公寓设计、样本间设计、别墅设计</p>
											</span>
										</span>
										<span class="bm-allsay-detail">设计的价值在于体会到怎样的居住感情，打造有情感的居家环境。</span>
										<span class="designer-hover"><img
												src="https://www.mr-banma.com/Public/static/images/designer/designer-hover.jpg"></span>
										<span class="designer-qr"><img
												src="https://www.mr-banma.com/Uploads/images/2021-05-12/609b35f2469eb.jpg"
												alt=""></span>
									</div>
									<div class="bm-allsay-list-items image-shadow ">
										<a href="https://www.mr-banma.com/index.php/Singlepage/designer.html"><img
												class="imgbox "
												src="https://www.mr-banma.com/Uploads/images/2021-05-14/609e1707db17f.jpg"></a>
										<span class="bm-allsay-title">
											<span>
												<a href="https://www.mr-banma.com/index.php/Singlepage/designer.html"><img
														src="https://www.mr-banma.com/Uploads/images/2021-05-18/60a31155ea3ca.jpg"
														class="say_photo"></a>
											</span>
											<span class="designer-detailed">
												<h3>李嘉琪</h3>
												<p>室内空间、色彩搭配</p>
											</span>
										</span>
										<span class="bm-allsay-detail">我们不是在设计空间，而是在创造专属于您的生活方式。</span>
										<span class="designer-hover"><img
												src="https://www.mr-banma.com/Public/static/images/designer/designer-hover.jpg"></span>
										<span class="designer-qr"><img
												src="https://www.mr-banma.com/Uploads/images/2021-05-12/609b3c92280f3.jpg"
												alt=""></span>
									</div>
									<div class="bm-allsay-list-items image-shadow ">
										<a href="https://www.mr-banma.com/index.php/Singlepage/designer.html"><img
												class="imgbox "
												src="https://www.mr-banma.com/Uploads/images/2021-05-14/609e174ba83b0.jpg"></a>
										<span class="bm-allsay-title">
											<span>
												<a href="https://www.mr-banma.com/index.php/Singlepage/designer.html"><img
														src="https://www.mr-banma.com/Uploads/images/2021-05-18/60a311640a7e6.jpg"
														class="say_photo"></a>
											</span>
											<span class="designer-detailed">
												<h3>袁梦</h3>
												<p>颜色搭配美学设计</p>
											</span>
										</span>
										<span class="bm-allsay-detail">从实用的角度，到超载的发挥，构成艺术的主体。</span>
										<span class="designer-hover"><img
												src="https://www.mr-banma.com/Public/static/images/designer/designer-hover.jpg"></span>
										<span class="designer-qr"><img
												src="https://www.mr-banma.com/Uploads/images/2021-05-12/609b40da86129.jpg"
												alt=""></span>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="swiper-button-prev swiper-button-prev2"></div>
				<div class="swiper-button-next swiper-button-next2"></div>
			</div>

			<!-- 左侧浮动导航栏 -->
			<div class="bm-nav-left" style="position: absolute; top: 700px;">
				<ul class="nav-left-list">
					<li class="nav-left-items">
						<a href="#newshop1" class="scroll-nav">
							<img class="icon-nav"
								src="斑马先生_遮阳商城_files/newshop.png">斑马爆品
							<div class="nav-left-line"></div>
						</a>
					</li>

					<li class="nav-left-items">
						<a href="#scene" class="scroll-nav">
							<img class="icon-nav"
								src="斑马先生_遮阳商城_files/tiaoguang.png">场景购买
							<div class="nav-left-line"></div>
						</a>
					</li>
					<li class="nav-left-items">
						<a href="#specialshop" class="scroll-nav">
							<img class="icon-nav"
								src="斑马先生_遮阳商城_files/specialshop.png">功能系列
							<div class="nav-left-line"></div>
						</a>
					</li>
					<li class="nav-left-items"> 
						<a href="#fast" class="scroll-nav">
							<img class="icon-nav"
								src="斑马先生_遮阳商城_files/yangben(1).png">斑马服务
							<div class="nav-left-line"></div>
						</a>
					</li>
					<li class="nav-left-items">
						<a href="#Signed" class="scroll-nav">
							<img class="icon-nav"
								src="斑马先生_遮阳商城_files/limitshop.png">设计师 
							<div class="nav-left-line"></div>
						</a>
					</li>
				</ul>
			</div>

			<!--ajax拿取渲染场景展示数据-->
			<script>
				var scene_id = 17;
				var scene_current_page = 1;
				var scene_total_page_num = 1;
				scene_show(17, 1);

				function scene_prev() {
					scene_current_page = scene_current_page - 1
					if (scene_current_page < 1) {
						scene_current_page = 1;
					}
					scene_show(scene_id, scene_current_page);
				}

				function scene_next() {
					scene_current_page = scene_current_page + 1
					if (scene_current_page >= scene_total_page_num) {
						scene_current_page = scene_total_page_num;
					}
					scene_show(scene_id, scene_current_page);
				}

				function scene_show(id, current_page) {
					$('.bm-scene-nav-right >li').css("color", "#333")
					$("#scene_a_" + id).parent().css("color", "#eec786")

					scene_id = id;
					scene_current_page = current_page;
					$('.scenes').css("display", "none")
					$('#banner' + id).show();
					//获取点击li的索引
					var index = $(this).index();
					$.post('/api.php/Scene/index', {
						"id": id,
						"current_page": current_page
					}, function(res) {
						var html = '';
						for (let i = 0; i < res.data.length; i++) {
							html += '<div class="bm-scene-list-items" style="background-color: rgb(255, 255, 255);">'
							html += '<a href="/index.php/Goods/goodsinfo/id/' + res.data[i].id + '.html" target="_blank">'
							html += '<span class="list-scene-box">'
							html += '<img class="list-scene-img img-01" src="' + res.data[i].image + '">'
							html += '</span>'
							html += '<span class="list-scene-title" style="color: rgb(0, 0, 0);">' + res.data[i]
								.goods_name + '</span>'
							html += '<span class="list-scene-price">' + '￥' + res.data[i].advise_price + '</span>'
							html += '<ul class="bm-scene-maidian"><li>' + res.data[i].maidian1 + '</li><li>' + res.data[i]
								.maidian2 + '</li></ul>'
							html += '</a>'
							html += '</div>'
						}
						scene_total_page_num = res.total_page_num;
						console.log(scene_total_page_num)


						$('.bm-scene-list_all').find('.bm-scene-list').html(html)
						$('.bm-scene-list .bm-scene-list-items')[3].style.cssText = "margin-right:0";
					})
				}
			</script>
		</div>

		<!-- 开屏弹窗 -->
		<div class="guide-all">
			<div class="all-bg">
				<div class="all-layout">
					<a href=""><img src=""></a>
					<span class="guide-all-close"></span>
				</div>
			</div>
		</div>
		<!-- 底部 -->
		<div class="bm-foot" style="border-bottom:1px solid #3e3e3e; ">
			<div class="bm-900 ">
				<div class="bm_1080">
					<img src="https://www.mr-banma.com/Public/static/images/bottom/footer.jpg" width="100%">
				</div>

			</div>
		</div>
		<div class="footer_list">
			<div class="footer_list_container">
				<!--1-->
				<ul class="bm_footer_list">
					<li><a href="javascript:;">购物指南</a></li>
					<li><a href="https://www.mr-banma.com/index.php/Help/index/id/4.html" target="_blank">免费样本</a></li>
					<li><a href="https://www.mr-banma.com/index.php/Help/index/id/7.html" target="_blank">订购流程</a></li>
					<li><a href="https://www.mr-banma.com/index.php/Help/index/id/8.html" target="_blank">付款方式</a></li>
					<li><a href="https://www.mr-banma.com/index.php/Help/index/id/9.html" target="_blank">常见问题解答</a>
					</li>
					<li><a href="https://www.mr-banma.com/index.php/Help/index/id/10.html" target="_blank">保养手册</a></li>
				</ul>

				<ul class="bm_footer_list">
					<li><a href="javascript:;">配送安装</a></li>
					<li><a href="https://www.mr-banma.com/index.php/Help/index/id/12.html" target="_blank">发货时间</a></li>
					<li><a href="https://www.mr-banma.com/index.php/Help/index/id/13.html" target="_blank">验收与签收</a>
					</li>
					<li><a href="https://www.mr-banma.com/index.php/Help/index/id/14.html" target="_blank">物流配送</a></li>
					<li><a href="https://www.mr-banma.com/index.php/Help/index/id/15.html" target="_blank">上门安装</a></li>
				</ul>

				<ul class="bm_footer_list">
		 		<li><a href="javascript:;">购物保障</a></li>
					<li><a href="https://www.mr-banma.com/index.php/Help/index/id/16.html" target="_blank">售后服务</a></li>
					<li><a href="https://www.mr-banma.com/index.php/Help/index/id/17.html" target="_blank">正品保证</a></li>
					<li><a href="https://www.mr-banma.com/index.php/Help/index/id/18.html" target="_blank">注册协议</a></li>
					<li><a href="https://www.mr-banma.com/index.php/Help/index/id/19.html" target="_blank">隐私保护</a></li>
					<li><a href="https://www.mr-banma.com/index.php/Help/index/id/20.html" target="_blank">购物保障</a></li>
				</ul>

				<ul class="bm_footer_list">
					<li><a href="javascript:;">招商加盟</a></li>
					<li><a href="https://www.mr-banma.com/index.php/Singlepage/jiamengyoushi.html"
							target="_blank">城市经销商</a></li>
					<li><a href="https://www.mr-banma.com/index.php/Singlepage/jiamengyoushi.html"
							target="_blank">城市加盟商</a></li>
					<li><a href="https://www.mr-banma.com/index.php/Singlepage/jiamengyoushi.html"
							target="_blank">城市共赢商</a></li>
					<li><a href="https://www.mr-banma.com/index.php/Singlepage/jiamengyoushi.html"
							target="_blank">门店端</a></li>
				</ul>
				<ul class="bm_footer_list">
					<li style="text-align: right">
						<span style="width: 151px;display: inline-block;">
							<img width="150px"
								src="https://www.mr-banma.com/Public/static/images/bottom/wechat-code.png?id=6">
							<p style="text-align: center;color:#757575;">斑马先生公众号</p>
						</span>
					</li>
				</ul>
			</div>
		</div>
		<div class="footer_bottom" style="background-color: #333;">
			<p class="footer_bottom_link">
				<span style="color:#fff;">友情链接：</span>
				<a href="http://www.yuma.cn" target="_blank">山东玉马遮阳科技</a>
				<a href="https://jiaju.sina.com.cn/" rel="nofollow" target="_blank">新浪家居</a>
				<a href="http://www.jia360.com/" rel="nofollow" target="_blank">腾讯家居</a>
			</p>
		</div>
		<div style="background-color: #222;border-top:1px solid #3e3e3e;padding: 20px 0">
			<div class="footer_bottom">
				<ul class="footer_bottom_ul">
					<li class=""><a class="bm-links-list-items-target"
							href="https://www.mr-banma.com/index.php/Singlepage/brand.html">品牌故事</a></li>
					<li class=""><a class="bm-links-list-items-target"
							href="https://www.mr-banma.com/index.php/Singlepage/Company_buy.html">企业采购</a></li>
					<li class=""><a class="bm-links-list-items-target"
							href="https://www.mr-banma.com/index.php/Help/index.html">帮助中心</a></li>
		 		<li class=""><a class="bm-links-list-items-target"
							href="https://www.mr-banma.com/index.php/Singlepage/zhinan.html">安装指南</a></li>
					<li class=""><a class="bm-links-list-items-target" href="javascript:;"
							onclick="MyqimoChatClick()">售后服务</a></li>
					<li><a href="javascript:;" class="bm-links-list-items-target">咨询热线：400-0158-698</a></li>
					<li><a href="javascript:;" class="bm-links-list-items-target">邮箱： service@mr-banma.com</a></li>
					<!--<li class="bm-links-list-items"><a class="bm-links-list-items-target" href="/index.php/Help/index.html">网站地图</a></li>-->
				</ul>
			</div>
			<div class="footer_bottom">
				<div class="footer_bottom_bottom">
					斑马先生 © 2019 版权所有山东玉马遮阳科技股份有限公司
					<a style="color: #ccc;" href="http://beian.miit.gov.cn">鲁ICP备16051266号-2</a>
					<a style="color: #ccc;" href="https://www.mr-banma.com/Public/static/images/yingyezhizhao.jpg"
						target="_blank">营业执照</a>
				</div>
			</div>
		</div>
		<div class="bm-foot-add">
			<a href="http://www.miitbeian.gov.cn/publish/query/indexFirst.action" class="bm-foot-add-items">
				<img alt="" src="斑马先生_遮阳商城_files/icon-foot-link-1.jpg"></a>
			<a class="bm-foot-add-items">
				<img alt=" " src="https://www.mr-banma.com/Public/static/images/bottom/icon-foot-link-2.jpg"></a>
			<a href="http://www.cyberpolice.cn/wfjb/" class="bm-foot-add-items">
				<img alt="" src="https://www.mr-banma.com/Public/static/images/bottom/icon-foot-link-3.jpg"></a>
			<a class="bm-foot-add-items">
				<img alt="" src="https://www.mr-banma.com/Public/static/images/bottom/icon-foot-link-4.jpg"></a>
			<a href="http://www.12377.cn/" class="bm-foot-add-items">
				<img alt=""
					src="https://www.mr-banma.com/Public/static/images/bottom/icon-foot-link-5.jpg"></a>
			<a class="bm-foot-add-items"><img alt="" src="https://www.mr-banma.com/Public/static/images/bottom/icon-foot-link-6.jpg"></a>
		</div>
		<div class="plus-dialog plus-dialog-membership" style="height: 5138px; display: none;">
			<div class="plus-dialog-body">
				<div class="plus-dialog-body-banner">
					<a class="plus-dialog-close"><span class="iconfont icon-guanbi"></span></a>
				</div>
				<div class="plus-dialog-body-form">
					<div class="plus-dialog-body-form-section plus-dialog-login ">
						<h3 class="plus-dialog-body-title">登录</h3>
						<div class="plus-dialog-body-form-group">
							<span class="plus-dialog-body-form-group-label"><span
									class="iconfont icon-shouji"></span>手机号：</span>
							<span
								class="plus-dialog-body-form-group-add plus-dialog-body-form-codelogin">使用手机验证码登录&gt;</span>
							<input type="text" class="plus-dialog-body-form-group-input" id="txtPhone">
						</div>
						<div class="plus-dialog-body-form-group plus-dialog-body-form-group-pwd">
							<span class="plus-dialog-body-form-group-label"><span
									class="iconfont icon-jiesuo"></span>密码：</span>
							<span class="plus-dialog-body-form-group-add">8-19个字符（限数字和字母，不支持特殊字符）</span>
							<input type="password" class="plus-dialog-body-form-group-input" id="txtPwd">
						</div>
						<div class="plus-dialog-body-form-group" id="kuaisuyanzheng_login" style="display: none;">
							<span class="plus-dialog-body-form-group-label"><span
									class="iconfont icon-tupian"></span>快速验证：</span>
							<div class="barLoginPwd" style="position: relative;">
								<div class="plus-dialog-body-form-qapt" onselectstart="return false;">
									<div class="bg" style="height: 34px;"></div><a class="plus-dialog-body-form-bar"
										style="background-color: rgb(255, 255, 255); height: 34px; line-height: 34px; width: 40px;"><span
											class="iconfont icon-jiantou_xiangyouliangci"></span></a>
									<div class="txt">请按住滑块，拖动到最右边</div>
								</div>
							</div>
						</div>
						<a class="plus-dialog-body-form-submit plus-dialog-body-form-login">登 录</a>
					</div>
					<div class="plus-dialog-body-form-section plus-dialog-login-code ">
						<h3 class="plus-dialog-body-title">登录
						</h3>
						<div class="plus-dialog-body-form-group">
							<span class="plus-dialog-body-form-group-label"><span
									class="iconfont icon-shouji"></span>手机号：</span>
							<span
								class="plus-dialog-body-form-group-add plus-dialog-body-form-pwdlogin">使用密码登录&gt;</span>
							<input type="text" class="plus-dialog-body-form-group-input" id="txtLoginCPhone">
						</div>
						<div class="plus-dialog-body-form-group" id="phonelogin" style="display: none;">
							<span class="plus-dialog-body-form-group-label"><span
									class="iconfont icon-tupian"></span>快速验证：</span>
							<div class="barLogin" style="position: relative;">
								<div class="plus-dialog-body-form-qapt" onselectstart="return false;">
									<div class="bg" style="height: 34px;"></div><a class="plus-dialog-body-form-bar"
										style="background-color: rgb(255, 255, 255); height: 34px; line-height: 34px; width: 40px;"><span
											class="iconfont icon-jiantou_xiangyouliangci"></span></a>
									<div class="txt">请按住滑块，拖动到最右边</div>
								</div>
							</div>
						</div>
						<div class="plus-dialog-body-form-group plus-dialog-body-form-group-code">
							<span class="plus-dialog-body-form-group-label"><span
									class="iconfont icon-duoxuanxuanzhong"></span>验证码：</span>
							<input type="text" class="plus-dialog-body-form-group-input" id="txtLoginCCode">
							<a class="plus-dialog-body-form-group-input-action loginccode">获取验证码</a>
						</div>
						<a class="plus-dialog-body-form-submit plus-dialog-body-form-logicode">登 录</a>
					</div>
					<div class="plus-dialog-body-form-section plus-dialog-register ">
						<h3 class="plus-dialog-body-title">注册
						</h3>
						<div class="plus-dialog-body-form-group">
							<span class="plus-dialog-body-form-group-label"><span
									class="iconfont icon-shouji"></span>手机号：</span>
							<input type="text" class="plus-dialog-body-form-group-input" id="txtRegisterPhone">
						</div>
						<div class="plus-dialog-body-form-group">
							<span class="plus-dialog-body-form-group-label"><span
									class="iconfont icon-jiesuo"></span>密码：</span>
							<span class="plus-dialog-body-form-group-add">8-19个字符（限数字和字母，不支持特殊字符）</span>
		 				<input type="password" class="plus-dialog-body-form-group-input" id="txtRegisterPwd">
						</div>
						<div class="plus-dialog-body-form-group">
							<span class="plus-dialog-body-form-group-label"><span
									class="iconfont icon-jiesuo"></span>确认密码：</span>
							<span class="plus-dialog-body-form-group-add">请将上方密码重新输一遍</span>
							<input type="password" class="plus-dialog-body-form-group-input" id="txtRegisterPwd2">
						</div>
						<div class="plus-dialog-body-form-group" id="dialog_register" style="display: none;">
							<span class="plus-dialog-body-form-group-label"><span
									class="iconfont icon-tupian"></span>快速验证：</span>
							<div class="barRegister" style="position: relative;">
								<div class="plus-dialog-body-form-qapt" onselectstart="return false;">
									<div class="bg" style="height: 34px;"></div><a class="plus-dialog-body-form-bar"
										style="background-color: rgb(255, 255, 255); height: 34px; line-height: 34px; width: 40px;"><span
											class="iconfont icon-jiantou_xiangyouliangci"></span></a>
									<div class="txt">请按住滑块，拖动到最右边</div>
								</div>
							</div>
						</div>
		 			<div class="plus-dialog-body-form-group">
							<span class="plus-dialog-body-form-group-label"><span
									class="iconfont icon-duoxuanxuanzhong"></span>验证码：</span>
							<input type="text" class="plus-dialog-body-form-group-input" id="txtRegisterCode">
							<a class="plus-dialog-body-form-group-input-action registercode">获取验证码</a>
						</div>
						<div class="plus-dialog-body-form-group">
							<label><input id="ckbRegisterOK" type="checkbox" class="plus-dialog-body-form-group-label"
									value="">
								<span class="plus-dialog-body-form-group-label" style="float:none">我已阅读并同意
									<a href="https://www.mr-banma.com/art/94" target="_blank" class="plus-dialog-body-form-group-add"
										style="float:none">《斑马先生平台用户注册协议》</a>和
									<a href="https://www.mr-banma.com/art/95" target="_blank" class="plus-dialog-body-form-group-add"
										style="float:none">《斑马先生平台用户注册隐私条例》</a></span>
							</label>
						</div>
						<a class="plus-dialog-body-form-submit plus-dialog-body-form-register">注 册</a>
					</div>
					<div class="plus-dialog-body-form-section plus-dialog-mima ">
						<h3 class="plus-dialog-body-title">重置密码
						</h3>
						<div class="plus-dialog-body-form-group">
							<span class="plus-dialog-body-form-group-label"><span
									class="iconfont icon-shouji"></span>手机号：</span>
							<input type="text" class="plus-dialog-body-form-group-input" id="txtSetPhone">
						</div>
						<div class="plus-dialog-body-form-group">
							<span class="plus-dialog-body-form-group-label"><span
									class="iconfont icon-jiesuo"></span>密码：</span>
							<span class="plus-dialog-body-form-group-add">8-19个字符（限数字和字母，不支持特殊字符）</span>
							<input type="password" class="plus-dialog-body-form-group-input" id="txtSetPwd">
						</div>
						<div class="plus-dialog-body-form-group">
							<span class="plus-dialog-body-form-group-label"><span
									class="iconfont icon-jiesuo"></span>确认密码：</span>
							<span class="plus-dialog-body-form-group-add">请将上方密码重新输一遍</span>
							<input type="password" class="plus-dialog-body-form-group-input" id="txtSetPwd2">
						</div>
						<div class="plus-dialog-body-form-group">
							<span class="plus-dialog-body-form-group-label"><span
									class="iconfont icon-tupian"></span>快速验证：</span>
							<div class="barMima" style="position: relative;">
								<div class="plus-dialog-body-form-qapt" onselectstart="return false;">
									<div class="bg" style="height: 34px;"></div><a class="plus-dialog-body-form-bar"
										style="background-color: rgb(255, 255, 255); height: 34px; line-height: 34px; width: 40px;"><span
											class="iconfont icon-jiantou_xiangyouliangci"></span></a>
									<div class="txt">请按住滑块，拖动到最右边</div>
								</div>
							</div>
						</div>
						<div class="plus-dialog-body-form-group">
							<span class="plus-dialog-body-form-group-label"><span
									class="iconfont icon-duoxuanxuanzhong"></span>验证码：</span>
							<input type="text" class="plus-dialog-body-form-group-input" id="txtSetCode">
							<a class="plus-dialog-body-form-group-input-action setcode">获取验证码</a>
						</div>
						<a class="plus-dialog-body-form-submit plus-dialog-body-form-mima">确定重置</a>
					</div>
					<div class="plus-dialog-body-form-group plus-dialog-body-form-group-icon">
						<!---<span class="plus-dialog-body-form-group-label qqLoginBtn"><a class="iconfont icon-web-icon-"></a></span>---->
						<span class="plus-dialog-body-form-group-add plus-dialog-body-form-switch-register"
							group="login" style="">没有账号?去注册&gt;</span>
						<span class="plus-dialog-body-form-group-add plus-dialog-body-form-switch-mima"
							group="login">忘记密码&gt;&nbsp;</span>
						<span class="plus-dialog-body-form-group-add plus-dialog-body-form-switch-login"
							group="register" style="display: none;">已有账号，请登录&gt;</span>
					</div>
				</div>
				<div class="plus-dialog-mask "></div>
		 </div>
		</div>
		<!-- 右侧悬浮窗口 -->
		<style>
			.my-bar-area {
				position: absolute;
				position: fixed;
				width: 80px;
				right: 0;
				bottom: 100px;
				z-index: 13;
			}

			.my-bar-area .my-icon {
				display: block;
				text-align: center;
			}

			.my-bar-area .my-icon img {
				display: block;
				width: 100%;
				height: auto;
			}

			.my-bar-area .my-icon-txt {
				background: #fff;
				padding: 6px 0 10px 0;
				font-size: 12px;
				font-weight: bold;
				color: #333;
			}

			.my-bar-area .my-icon .iconfont {
				display: block;
				font-size: 40px;
				color: #DAAF57;
				font-weight: normal;
			}

			.my-bar-single-bottom {
				position: fixed;
				width: 80px;
				height: 72px;
				bottom: 30px;
				right: 0;
				text-align: center;
				font-size: 12px;
				background: #f7f7f7;
				cursor: pointer;
				display: none;
				z-index: 99999;
			}
			.my-bar-single-bottom .iconfont {
				display: block;
				font-size: 40px;
			}
		</style>
		<div class="my-bar-area">
			<a class="my-icon" href="javascript:;">
				<img alt="微信客服" src="斑马先生_遮阳商城_files/weixin.jpg">
			</a>
			<a class="my-icon my-icon-txt" href="https://www.mr-banma.com/index.php/Singlepage/helpcenter.html">
				<span class="iconfont "> <img
						alt="测量安装" src="斑马先生_遮阳商城_files/celiangicon.jpg"></span>测量安装</a>
			<a class="my-icon my-icon-txt" href="javascript:;" onclick="MyqimoChatClick();"><span
					class="iconfont icon-kefu_o"></span>在线客服</a>
			</div>
		<div class="my-bar-single-bottom plus-scrolltop" action-scolltop="" onclick="$(window).scrollTop(0);"
			style="display: block;">
			<span class="iconfont icon-jiantou_liebiaoshouqi"></span>
			回顶部
		</div>
		<script src="https://www.mr-banma.com/Public/static/js/unlock.js?v=1664353704" type="text/javascript" charset="utf-8"></script>
		<script src="https://www.mr-banma.com/Public/static/js/login.js?v=1664353704" type="text/javascript" charset="utf-8"></script>
		<script src="https://www.mr-banma.com/Public/static/js/main.js?v=1664353704" type="text/javascript" charset="utf-8"></script>
		<script src="https://www.mr-banma.com/Public/static/js/sweetalert.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="https://www.mr-banma.com/Public/js/jquery.cookie.js" type="text/javascript" charset="utf-8"></script>
		<script src="https://yzf.qq.com/xv/web/static/chat_sdk/yzf_chat.min.js"></script>
		<style>
			.main-contact {
				display: none !important;
			}
		</style>
		<script>
			//显示回到顶部
			$(window).scroll(function() {
				var srolltop = $(document).scrollTop();
				if (srolltop > 400) {
					$('.plus-scrolltop').show();
				} else {
					$('.plus-scrolltop').hide();
				}
		 })
			//回到顶部end
			function randomString(len) {
		 	len = len || 32;
				//var $chars = 'ABCDEFGHJKMNPQRSTWXYZabcdefhijkmnprstwxyz2345678';    /****默认去掉了容易混淆的字符oOLl,9gq,Vv,Uu,I1****/
				var $chars = 'ABCDEFGHJKMNPQRSTWXYZabcdefhijkmnprstwxyz'; /****默认去掉了容易混淆的字符oOLl,9gq,Vv,Uu,I1****/
				var maxPos = $chars.length;
		 	var pwd = '';
				for (i = 0; i < len; i++) {
					pwd += $chars.charAt(Math.floor(Math.random() * maxPos));
				}
				return pwd;
			}
			var user_id_ = '';
			var kehuid = '';
			if (user_id_ == '' || user_id_ == 0) {
				kehuid = randomString(3);
			} else {
				kehuid = user_id_.substring(2);
			}
			window.yzf && window.yzf.init({
				sign: '37ef9b978074549421169eef1bb2b6604b63dab97f50e895b6581f1dbadd6b3253134d4e1de58d0da230ef4bef9e2c85e97fc1',
				uid: 'a' + kehuid,
				data: {
					c1: user_id_,
					c2: '',
					c3: '',
					c4: '',
					c5: ''
				},
				selector: '',
				callback: function(type, data) {}
			})
			//window.yzf.close() 关闭1已打开的回话窗口
			function MyqimoChatClick() {
				//$('.main-contact').click();
				layer.open({
					type: 1,
					title: false,
		 		skin: 'layui-layer-rim', //加上边框
					area: ['347px', '524px'], //宽高
					content: '<div style="background-color: #d9ae57;width: 347px;height: 524px;overflow: hidden"><img src="/Public/static/images/kefucode.png?id=2"/></div>'
				});
			}
			//
			$(function() {
		 	var userer_id_ = '0';
				var session_id_n = $.cookie('PHPSESSID');

				var fromurl = document.referrer;
				$.post('/api.php/Visit/write_log', {
					"user_id": userer_id_,
					"session_id": session_id_n,
					"fromurl": fromurl,
					"url": window.location.href
				}, function(res) {
					console.log(res);
				});
			})
		</script>
		<div style="display: block;">
			<style id="styleyzfh5-data-1664410486105">
				@media (max-height:600px),
				(max-width:1000px) {
					[yzfh5-data-1664410486105].main-contact {
						position: fixed;
						bottom: 150px;
						right: 15px;
						z-index: 100000000000000000
					}

					[yzfh5-data-1664410486105].main-contact .icon {
						display: block;
						width: 30px;
						height: 30px;
						background-image: url(https://yzf.qq.com/xv/web/static/img/chat-btn.png);
						background-size: 100% 100%;
						vertical-align: -3px
					}

					[yzfh5-data-1664410486105].main-contact .chat-btn {
						padding: 10px;
						display: -webkit-box;
						display: -ms-flexbox;
						display: flex;
						font-size: 12px;
						-webkit-box-orient: vertical;
						-webkit-box-direction: normal;
						-ms-flex-direction: column;
						flex-direction: column;
						text-decoration: none;
						padding: 5px 10px;
						border-radius: 2px
					}

					[yzfh5-data-1664410486105].main-contact .chat-btn .txt {
						display: block;
						margin-top: -2px
					}

					[yzfh5-data-1664410486105].main-contact .dot {
						width: 12px;
						height: 12px;
						border-radius: 50%;
						position: absolute;
						top: -6px;
						right: -6px;
						background: #ed4343;
						border: 1px solid #fff;
						box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .5)
					}

					[yzfh5-data-1664410486105].main-contact .state {
						display: none
					}
				}

				@media (min-height:600px) and (min-width:1000px) {
					[yzfh5-data-1664410486105].main-contact {
						position: fixed;
						bottom: 50px;
						right: 50px;
						display: block;
						z-index: 100000000000000000
					}

					[yzfh5-data-1664410486105].main-contact .icon {
						display: inline-block;
						width: 24px;
						height: 24px;
						background-image: url(https://yzf.qq.com/xv/web/static/img/chat-btn.png);
						background-size: 100% 100%;
						margin-right: 10px;
						vertical-align: top
					}

					[yzfh5-data-1664410486105].main-contact .chat-btn {
						width: 138px;
						padding: 13px 10px;
						font-size: 0;
						height: 50px
					}

					[yzfh5-data-1664410486105].main-contact .txt {
						display: inline-block;
						font-size: 16px;
						line-height: 24px
					}

					[yzfh5-data-1664410486105].main-contact .dot {
						display: none
					}

					[yzfh5-data-1664410486105].main-contact .state {
						display: inline-block;
						width: 138px;
						height: 50px;
						position: absolute;
						background: #fff;
						left: -153px;
						top: 0;
						z-index: 99999;
						line-height: 50px;
						box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .14)
					}

					[yzfh5-data-1664410486105].main-contact .state .desc {
						color: #000;
						padding-left: 16px;
						position: relative;
						font-size: 16px
					}

					[yzfh5-data-1664410486105].main-contact .state .desc:before {
						display: inline-block;
						border-radius: 50%;
						content: "";
						width: 6px;
						height: 6px;
						background: #265bed;
						position: absolute;
						left: 0;
						top: 50%;
						margin-top: -3px
					}

					[yzfh5-data-1664410486105].main-contact .state .desc:after {
						content: "";
						position: absolute;
						width: 0;
						height: 0;
						border-color: transparent;
						border-style: solid;
						right: -26px;
						border-width: 5px 0 5px 5px;
						border-left-color: #fff;
						top: 50%;
						margin-top: -5px
					}
				}

				[yzfh5-data-1664410486105] .chat-btn {
					display: inline-block;
					margin-bottom: 0;
					font-weight: 400;
					text-align: center;
					-ms-touch-action: manipulation;
					touch-action: manipulation;
					cursor: pointer;
					background-image: none;
					border: none;
					white-space: nowrap;
					-webkit-user-select: none;
					-moz-user-select: none;
					-ms-user-select: none;
					user-select: none;
					min-width: 50px;
					padding: 7px 10px;
					font-size: 15px;
					color: #fff;
					background-color: #4979ff;
					box-sizing: border-box;
					vertical-align: middle
				}

				@media (max-height:600px),
				(max-width:1000px) {
					[yzfh5-data-1664410486105].main-chat {
						position: fixed;
						top: 0;
						left: 0;
						right: 0;
						bottom: 0;
						z-index: 10000000000000000
					}

					[yzfh5-data-1664410486105].main-chat .main-iframe {
						width: 100%;
						height: 100%;
						position: fixed;
						top: 0;
						bottom: 0;
						left: 0;
						right: 0
					}
				}

				@media (min-height:600px) and (min-width:1000px) {
					[yzfh5-data-1664410486105].main-chat {
						position: fixed;
						width: 375px;
						max-height: 667px;
						height: calc(100vh - 100px);
						right: 50px;
						bottom: 50px;
						background: #fafafb;
						box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .14);
						overflow: hidden
					}

					[yzfh5-data-1664410486105].main-chat .main-iframe {
						width: 100%;
						height: 100%
					}
				}
			</style>
			<div yzfh5-data-1664410486105="" id="yzfh5-main-contact-1664410486105" class="main-contact"
				style="display: block;">
				<a href="javascript:;" id="yzfh5-chat-btn-1664410486105" class="chat-btn"
					style="background-color: rgb(218, 175, 87);">
					<i class="icon" id="yzfh5-icon-1664410486105"></i>
					<span class="txt">客服</span>
					<i class="dot" id="yzfh5-dot-1664410486105" style="display:none"></i>
					<div class="state" id="yzfh5-state-1664410486105" style="display:none"><span
							class="desc">客服已回复</span></div>
				</a>
			</div>
			<div yzfh5-data-1664410486105="" id="yzfh5-main-chat-1664410486105" class="main-chat"
				style="display: none; z-index: 2147483647;">
				<iframe id="yzfh5-main-iframe-1664410486105" class="main-iframe" frameborder="0"></iframe>
			</div>
		</div>
		<script src="/Public/static/js/swiper.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="/Public/static/js/jCountdown/jquery.jcountdown.min.js" type="text/javascript" charset="utf-8">
		</script>

		<!-- Initialize Swiper -->
		<script>
			$(function() {
				/* 首页轮播大图 */
				var lunbo = new Swiper('#lunbo', {
					pagination: '.swiper-pagination',
					autoplay: 5000,
					paginationClickable: true,
					spaceBetween: 0,
					effect: 'fade'
				});

				/* 新品首发商品轮播 */
				var newshop = new Swiper('#newshop', {
					prevButton: '.swiper-button-prev',
					nextButton: '.swiper-button-next',
					autoplay: 5000,
					spaceBetween: 30,
					effect: 'fade',
					loop: true,
				});
				/* 大家都在说评价轮播 */
				var allsay = new Swiper('#allsay', {
					prevButton: '.swiper-button-prev1',
					nextButton: '.swiper-button-next1',
					spaceBetween: 30,
					autoplay: 5000,
					effect: 'fade',
					loop: true,
				});
				$(".swiper-pagination-bullet").hover(function() {
					$(this).click(); //鼠标划上去之后，自动触发点击事件来模仿鼠标划上去的事件
				}, function() {
					lunbo.startAutoplay(); //鼠标移出之后，自动轮播开启
				})
				/* 新品首发产品有多张照片时触摸更换图片 */
				$('.list-items-box').hover(function() {

					if ($(this).children().length == 2) {
						$(this).find('.img-01').addClass('hide').siblings().removeClass('hide');
					}

				}, function() {
					if ($(this).children().length == 2) {
						$(this).find('.img-02').addClass('hide').siblings().removeClass('hide');
					}
				})
				/* 新品首发触摸更换背景图片 */
				$('.bm-newshop-list-items').hover(function() {
					$(this).css('background-color', '#FCF6E9');
					$(this).find('.list-items-title').css('color', '#E0B665');
				}, function() {
					$(this).css('background-color', '#FFFFFF');
					$(this).find('.list-items-title').css('color', '#000000');
				})
				/* 倒计时插件 */
				var specialDate = '';
				if (specialDate != "") {
					var config = {
						timeText: specialDate, //倒计时时间
						timeZone: "8", //时区
						style: "slide", //显示的样式，可选值有flip,slide,metal,crystal
						color: "black", //显示的颜色，可选值white,black
						width: 160, //倒计时宽度
						textGroupSpace: 15, //天、时、分、秒之间间距
						textSpace: 0, //数字之间间距
						reflection: 0, //是否显示倒影
						reflectionOpacity: 10, //倒影透明度
						reflectionBlur: 0, //倒影模糊程度
						dayTextNumber: 3, //倒计时天数数字个数
						displayDay: 0, //是否显示天数
						displayHour: !0, //是否显示小时数
						displayMinute: !0, //是否显示分钟数
						displaySecond: !0, //是否显示秒数
						displayLabel: 0, //是否显示倒计时底部label
						onFinish: function() {}
					};
					$(".countdown").jCountdown(config);
				}
				/* 页面滑动到一定距离时，固定左侧导航栏 */
				window.onscroll = function() {
					var f = document.documentElement.scrollTop || document.body.scrollTop; //获取滚动距离
					if (f >= 600) {
						$('.bm-nav-left').css({
							'position': 'fixed',
							'top': '100px'
						});
					}
					if (f < 600) {
						$('.bm-nav-left').css({
							'position': 'absolute',
							'top': '700px'
						});
					}
					if (f >= 200) {
						$('.bm-nav-fixed').removeClass('hide');
						$('.bm-nav-xls').addClass('guding');
					}
					if (f < 200) {
						$('.bm-nav-fixed').addClass('hide');
						$('.bm-nav-xls').removeClass('guding');
					}

				}
				/* 实现锚点动画 */
				$(".scroll-nav").click(function(event) {
					event.preventDefault();
					$('html,body').animate({
						scrollTop: $(this.hash).offset().top
					}, 500);
				});
			})
			//alert($(window).width()); //浏览器当前窗口可视区域宽度

			/**
			 * 开屏弹窗广告
			 * guideTool_v1.1 based on JQuery by mq_brandon
			 * lastest: 2016-9-2 13:52:04
			 **/
			var is_kaipin = '0';
			(function($) {
				var options = {
					cookieName: 'guidemoon', // cookie名字
					cookieTime: 24, // cookie有效期临界时间点
					duration: 300, // 动画持续时间
					guideAll: '.guide-all',
					guideBar: '.guide-bar',
					guideBarClose: '.guide-bar-close',
					guideAllClose: '.guide-all-close'
				};

				var guideTool = {};

				// cookie操作
				var cookie = {
					setCookie: function(cookieName, cookieValue, nMilliseconds) {
						var today = new Date(),
							expire = new Date();

						if (nMilliseconds == null || nMilliseconds == 0) {
							nMilliseconds = 1;
						}

						expire.setTime(today.getTime() + nMilliseconds);

						document.cookie = cookieName + "=" + escape(cookieValue) + ";expires=" + expire
					.toGMTString();
					},
					getCookie: function(cookieName) {
						var strCookie = document.cookie,
							arrCookie = strCookie.split("; ");

						for (var i = 0, l = arrCookie.length; i < l; i++) {
							var arr = arrCookie[i].split("=");

							if (arr[0] == cookieName) return arr[1];
						}

						return "";
					},
					deleteCookie: function(cookieName) {
						var date = new Date();

						date.setTime(date.getTime() - 10000);
						document.cookie = cookieName + "=v;expire=" + date.toGMTString();
					}
				};

				// 浏览器内核判断
				var browser = {
					versions: function() {
						var u = navigator.userAgent,
							app = navigator.appVersion;
						return;
					}()
				};

				// 获取从now开始截止到第time点的毫秒数
				guideTool.getDuration = function(time, now) {
					var old = now.getTime(),
						days = now.getDate(),
						hours = now.getHours(),
						minutes = now.getMinutes(),
						seconds = now.getSeconds(),
						milliSeconds = now.getMilliseconds();

					if (hours <= time) {
						now.setHours(time);
						now.setMinutes(0);
						now.setSeconds(0);
					} else {
						now.setDate(days + 1);
						now.setHours(time);
						now.setMinutes(0);
						now.setSeconds(0);
					}

					return now.getTime() - old;
				};

				// 事件绑定
				guideTool.eventBind = function() {
					$(options.guideAllClose).click(function() {
						var now = new Date();
						nMilliseconds = guideTool.getDuration(options.cookieTime, now);

						cookie.setCookie(options.cookieName, options.cookieName + 'value', nMilliseconds);
						//设置关闭后多长时间不显示,单位毫秒
						cookie.setCookie("guidemoontime", (new Date().getTime()) + 300000, 300000);
						$(options.guideAll).slideUp(options.duration);
						$(options.guideBar).slideDown(options.duration);
					});
					$(options.guideBarClose).click(function() {
						$(options.guideBar).slideUp(options.duration);
					});
				};

				// 首次进入时判断是否显示全屏的引导
				guideTool.init = function() {

					var isMobile,
						guideCookie = cookie.getCookie(options.cookieName);

					var nowtime = new Date().getTime();
					var duration = cookie.getCookie("guidemoontime");
					//如果超时，再弹出
					/* if(nowtime>duration){
					 guideTool.eventBind();
					 $( options.guideAll ).show();
					 }*/
					guideTool.eventBind();
					$(options.guideAll).show();

				};

				if (is_kaipin == 1) {
					guideTool.init();
				}

			})(jQuery);
		</script>

		<style type="text/css">
			.hasbg a {
				color: #fff;
			}
		</style>
		<!-- 一级导航展示页js处理 -->
		<script type="text/javascript">
			var timeout1; //定义延时变量
			//bm-nav-items 一级菜单的class
			$('.bm-nav-items').hover(function() {
				var item = $(this)[0].id;
				if (item != '') {
					//提前隐藏所有的展示页，预防展示冲突
					window.clearTimeout(timeout1); //清除定时器
					$('.bm-nav-xls').addClass('hide');
					$('.' + item).removeClass('hide');
					//设置二级导航hover事件
					$('.bm-nav-xls-center').addClass('hide');
					$('.bm-nav-xls-right').addClass('hide');
					$('.' + item).children().eq(0).find('.bm-nav-xls-left-li').
					eq(0).addClass('hasbg').siblings().removeClass('hasbg');
					$('.' + item).children().eq(1).removeClass('hide');
					$('.' + item).children().eq(2).removeClass('hide');
				}
			}, function() {
				var item = $(this)[0].id;
				if (item != '') {
					var flag = 0;
					$('.' + item).hover(function() {
						//判断是否隐藏展示页 0 是需要隐藏
						flag = 1;
					}, function() {
						setTimeout(function() {
							$('.' + item).addClass('hide');
						}, 1)
					});
					//延时隐藏，给鼠标移动到hover展示所需要的时间
					timeout1 = setTimeout(function() {
						if (flag == 0) {
							$('.' + item).addClass('hide');
						}
					}, 500)
				}
			})
			// 二级导航拦展示相关页面
			$('.bm-nav-xls-left-li').hover(function() {
				$('.bm-nav-xls-left-li').removeClass('hasbg')
				$(this).addClass('hasbg')
				var item = $(this)[0].id;
				$('.bm-nav-xls-center').addClass('hide');
				$('.bm-nav-xls-right').addClass('hide');
				$('.' + item).removeClass('hide');
			}, function() {});

			$(function() {
				window.onscroll = function() {
					//获取滚动的距离
					var t = document.documentElement.scrollTop || document.body.scrollTop;
					if (t >= 200) {
						$('.fixed-bm-nav').removeClass('hide');
						$('.bm-nav-xls').addClass('guding');

					}
					if (t < 200) {
						$('.bm-nav-fixed').addClass('hide');
						$('.bm-nav-xls').removeClass('guding');

					}
				}
			})
		</script>

		<script src="https://www.mr-banma.com/Public/static/js/swiper.min.js" type="text/javascript" charset="utf-8">
		</script>
		<script src="https://www.mr-banma.com/Public/static/js/jCountdown/jquery.jcountdown.min.js"
			type="text/javascript" charset="utf-8"></script>
		<!-- Initialize Swiper -->
		<script>
			$(function() {
				/* 首页轮播大图 */
				var lunbo = new Swiper('#lunbo', {
					pagination: '.swiper-pagination',
					autoplay: 5000,
					paginationClickable: true,
					spaceBetween: 0,
					effect: 'fade'
				});

				/* 新品首发商品轮播 */
				var newshop = new Swiper('#newshop', {
					prevButton: '.swiper-button-prev',
					nextButton: '.swiper-button-next',
					autoplay: 5000,
					spaceBetween: 30,
					effect: 'fade',
					loop: true,
				});
				/* 大家都在说评价轮播 */
				var allsay = new Swiper('#allsay', {
					prevButton: '.swiper-button-prev1',
					nextButton: '.swiper-button-next1',
					spaceBetween: 30,
					autoplay: 5000,
					effect: 'fade',
					loop: true,
				});
				$(".swiper-pagination-bullet").hover(function() {
					$(this).click(); //鼠标划上去之后，自动触发点击事件来模仿鼠标划上去的事件
				}, function() {
					lunbo.startAutoplay(); //鼠标移出之后，自动轮播开启
				})
				/* 新品首发产品有多张照片时触摸更换图片 */
				$('.list-items-box').hover(function() {

					if ($(this).children().length == 2) {
						$(this).find('.img-01').addClass('hide').siblings().removeClass('hide');
					}

				}, function() {
					if ($(this).children().length == 2) {
						$(this).find('.img-02').addClass('hide').siblings().removeClass('hide');
					}
				})
				/* 新品首发触摸更换背景图片 */
				$('.bm-newshop-list-items').hover(function() {
					$(this).css('background-color', '#FCF6E9');
					$(this).find('.list-items-title').css('color', '#E0B665');
				}, function() {
					$(this).css('background-color', '#FFFFFF');
					$(this).find('.list-items-title').css('color', '#000000');
				})
				/* 倒计时插件 */
				var specialDate = '';
				if (specialDate != "") {
					var config = {
						timeText: specialDate, //倒计时时间
						timeZone: "8", //时区
						style: "slide", //显示的样式，可选值有flip,slide,metal,crystal
						color: "black", //显示的颜色，可选值white,black
						width: 160, //倒计时宽度
						textGroupSpace: 15, //天、时、分、秒之间间距
						textSpace: 0, //数字之间间距
						reflection: 0, //是否显示倒影
						reflectionOpacity: 10, //倒影透明度
						reflectionBlur: 0, //倒影模糊程度
						dayTextNumber: 3, //倒计时天数数字个数
						displayDay: 0, //是否显示天数
						displayHour: !0, //是否显示小时数
						displayMinute: !0, //是否显示分钟数
						displaySecond: !0, //是否显示秒数
						displayLabel: 0, //是否显示倒计时底部label
						onFinish: function() {}
					};
					$(".countdown").jCountdown(config);
				}
				/* 页面滑动到一定距离时，固定左侧导航栏 */
				window.onscroll = function() {
					var f = document.documentElement.scrollTop || document.body.scrollTop; //获取滚动距离
					if (f >= 600) {
						$('.bm-nav-left').css({
							'position': 'fixed',
							'top': '100px'
						});
					}
					if (f < 600) {
						$('.bm-nav-left').css({
							'position': 'absolute',
							'top': '700px'
						});
					}
					if (f >= 200) {
						$('.bm-nav-fixed').removeClass('hide');
						$('.bm-nav-xls').addClass('guding');
					}
					if (f < 200) {
						$('.bm-nav-fixed').addClass('hide');
						$('.bm-nav-xls').removeClass('guding');
					}

				}
				/* 实现锚点动画 */
				$(".scroll-nav").click(function(event) {
					event.preventDefault();
					$('html,body').animate({
						scrollTop: $(this.hash).offset().top
					}, 500);
				});
			})
			//alert($(window).width()); //浏览器当前窗口可视区域宽度

			/**
			 * 开屏弹窗广告
			 * guideTool_v1.1 based on JQuery by mq_brandon
			 * lastest: 2016-9-2 13:52:04
			 **/
			var is_kaipin = '0';
			(function($) {
				var options = {
					cookieName: 'guidemoon', // cookie名字
					cookieTime: 24, // cookie有效期临界时间点
					duration: 300, // 动画持续时间
					guideAll: '.guide-all',
					guideBar: '.guide-bar',
					guideBarClose: '.guide-bar-close',
					guideAllClose: '.guide-all-close'
				};

				var guideTool = {};

				// cookie操作
				var cookie = {
					setCookie: function(cookieName, cookieValue, nMilliseconds) {
						var today = new Date(),
							expire = new Date();

						if (nMilliseconds == null || nMilliseconds == 0) {
							nMilliseconds = 1;
						}

						expire.setTime(today.getTime() + nMilliseconds);

						document.cookie = cookieName + "=" + escape(cookieValue) + ";expires=" + expire
							.toGMTString();
					},
					getCookie: function(cookieName) {
						var strCookie = document.cookie,
							arrCookie = strCookie.split("; ");

						for (var i = 0, l = arrCookie.length; i < l; i++) {
							var arr = arrCookie[i].split("=");

							if (arr[0] == cookieName) return arr[1];
						}

						return "";
					},
					deleteCookie: function(cookieName) {
						var date = new Date();

						date.setTime(date.getTime() - 10000);
						document.cookie = cookieName + "=v;expire=" + date.toGMTString();
					}
				};

				// 浏览器内核判断
				var browser = {
					versions: function() {
						var u = navigator.userAgent,
							app = navigator.appVersion;
						return;
					}()
				};

				// 获取从now开始截止到第time点的毫秒数
				guideTool.getDuration = function(time, now) {
					var old = now.getTime(),
						days = now.getDate(),
						hours = now.getHours(),
						minutes = now.getMinutes(),
						seconds = now.getSeconds(),
						milliSeconds = now.getMilliseconds();

					if (hours <= time) {
						now.setHours(time);
						now.setMinutes(0);
						now.setSeconds(0);
					} else {
						now.setDate(days + 1);
						now.setHours(time);
						now.setMinutes(0);
						now.setSeconds(0);
					}

					return now.getTime() - old;
				};

				// 事件绑定
				guideTool.eventBind = function() {
					$(options.guideAllClose).click(function() {
						var now = new Date();
						nMilliseconds = guideTool.getDuration(options.cookieTime, now);

						cookie.setCookie(options.cookieName, options.cookieName + 'value', nMilliseconds);
						//设置关闭后多长时间不显示,单位毫秒
						cookie.setCookie("guidemoontime", (new Date().getTime()) + 300000, 300000);
						$(options.guideAll).slideUp(options.duration);
						$(options.guideBar).slideDown(options.duration);
					});
					$(options.guideBarClose).click(function() {
						$(options.guideBar).slideUp(options.duration);
					});
				};

				// 首次进入时判断是否显示全屏的引导
				guideTool.init = function() {

					var isMobile,
						guideCookie = cookie.getCookie(options.cookieName);

					var nowtime = new Date().getTime();
					var duration = cookie.getCookie("guidemoontime");
					//如果超时，再弹出
					/* if(nowtime>duration){
					 guideTool.eventBind();
					 $( options.guideAll ).show();
					 }*/
					guideTool.eventBind();
					$(options.guideAll).show();

				};

				if (is_kaipin == 1) {
					guideTool.init();
				}

			})(jQuery);
		</script>
	</body>
</html>
